@hopper-ui/components 1.3.4 → 1.3.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (212) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/Avatar/src/AnonymousAvatar.css +10 -10
  3. package/dist/Avatar/src/AnonymousAvatar.d.ts +8 -2
  4. package/dist/Avatar/src/AnonymousAvatar.js +4 -2
  5. package/dist/Avatar/src/Avatar.css +37 -37
  6. package/dist/Avatar/src/Avatar.d.ts +8 -2
  7. package/dist/Avatar/src/Avatar.js +5 -3
  8. package/dist/Avatar/src/DeletedAvatar.css +10 -10
  9. package/dist/Avatar/src/DeletedAvatar.d.ts +8 -2
  10. package/dist/Avatar/src/DeletedAvatar.js +4 -2
  11. package/dist/Avatar/src/RichIconAvatarImage.css +10 -10
  12. package/dist/Avatar/src/RichIconAvatarImage.d.ts +9 -2
  13. package/dist/Avatar/src/RichIconAvatarImage.js +3 -1
  14. package/dist/Avatar/src/index.css +37 -37
  15. package/dist/Avatar/src/index.js +7 -5
  16. package/dist/Badge/src/Badge.css +21 -21
  17. package/dist/Badge/src/Badge.d.ts +24 -2
  18. package/dist/Badge/src/Badge.js +4 -2
  19. package/dist/Badge/src/FloatingBadge.css +10 -10
  20. package/dist/Badge/src/FloatingBadge.d.ts +2 -2
  21. package/dist/Badge/src/FloatingBadge.js +1 -1
  22. package/dist/Badge/src/index.css +31 -31
  23. package/dist/Badge/src/index.js +5 -3
  24. package/dist/Divider/src/Divider.css +2 -2
  25. package/dist/Divider/src/Divider.js +1 -1
  26. package/dist/Divider/src/index.css +2 -2
  27. package/dist/Divider/src/index.js +1 -1
  28. package/dist/ErrorMessage/src/ErrorMessage.css +11 -11
  29. package/dist/ErrorMessage/src/ErrorMessage.js +4 -3
  30. package/dist/ErrorMessage/src/index.css +11 -11
  31. package/dist/ErrorMessage/src/index.js +4 -3
  32. package/dist/Form/src/Form.css +1069 -650
  33. package/dist/Form/src/Form.js +57 -55
  34. package/dist/Form/src/index.css +1069 -650
  35. package/dist/Form/src/index.js +57 -55
  36. package/dist/Header/src/Header.d.ts +2 -2
  37. package/dist/HelperMessage/src/HelperMessage.css +11 -11
  38. package/dist/HelperMessage/src/HelperMessage.js +2 -2
  39. package/dist/HelperMessage/src/index.css +11 -11
  40. package/dist/HelperMessage/src/index.js +2 -2
  41. package/dist/IconList/src/IconList.css +1 -1
  42. package/dist/IconList/src/IconList.d.ts +2 -2
  43. package/dist/IconList/src/IconList.js +1 -1
  44. package/dist/IconList/src/index.css +1 -1
  45. package/dist/IconList/src/index.js +1 -1
  46. package/dist/Link/src/Link.css +31 -31
  47. package/dist/Link/src/Link.js +3 -3
  48. package/dist/Link/src/index.css +31 -31
  49. package/dist/Link/src/index.js +3 -3
  50. package/dist/ListBox/src/ListBox.css +613 -222
  51. package/dist/ListBox/src/ListBox.js +9 -16
  52. package/dist/ListBox/src/ListBoxItem.css +598 -207
  53. package/dist/ListBox/src/ListBoxItem.js +7 -15
  54. package/dist/ListBox/src/ListBoxItemSkeleton.css +7 -7
  55. package/dist/ListBox/src/ListBoxItemSkeleton.d.ts +2 -2
  56. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  57. package/dist/ListBox/src/index.css +613 -222
  58. package/dist/ListBox/src/index.js +9 -16
  59. package/dist/Select/src/Select.css +1069 -650
  60. package/dist/Select/src/Select.js +57 -55
  61. package/dist/Select/src/SelectValue.css +60 -60
  62. package/dist/Select/src/SelectValue.js +7 -7
  63. package/dist/Select/src/index.css +1069 -650
  64. package/dist/Select/src/index.js +57 -55
  65. package/dist/Spinner/src/Spinner.css +19 -19
  66. package/dist/Spinner/src/Spinner.d.ts +2 -2
  67. package/dist/Spinner/src/Spinner.js +3 -3
  68. package/dist/Spinner/src/index.css +19 -19
  69. package/dist/Spinner/src/index.js +3 -3
  70. package/dist/buttons/src/Button.css +94 -94
  71. package/dist/buttons/src/Button.js +5 -5
  72. package/dist/buttons/src/ButtonGroup.css +11 -11
  73. package/dist/buttons/src/ButtonGroup.js +1 -1
  74. package/dist/buttons/src/ClearButton.css +71 -71
  75. package/dist/buttons/src/ClearButton.js +2 -2
  76. package/dist/buttons/src/EmbeddedButton.css +71 -71
  77. package/dist/buttons/src/EmbeddedButton.js +1 -1
  78. package/dist/buttons/src/index.css +176 -176
  79. package/dist/buttons/src/index.js +8 -8
  80. package/dist/checkbox/src/Checkbox.css +28 -31
  81. package/dist/checkbox/src/Checkbox.d.ts +1 -3
  82. package/dist/checkbox/src/Checkbox.js +3 -3
  83. package/dist/checkbox/src/CheckboxContext.d.ts +0 -2
  84. package/dist/checkbox/src/CheckboxField.css +15 -15
  85. package/dist/checkbox/src/CheckboxField.d.ts +8 -2
  86. package/dist/checkbox/src/CheckboxField.js +3 -1
  87. package/dist/checkbox/src/CheckboxGroup.css +256 -60
  88. package/dist/checkbox/src/CheckboxGroup.js +3 -3
  89. package/dist/checkbox/src/CheckboxList.d.ts +2 -2
  90. package/dist/checkbox/src/DecorativeCheckbox.css +287 -0
  91. package/dist/checkbox/src/DecorativeCheckbox.d.ts +18 -0
  92. package/dist/checkbox/src/DecorativeCheckbox.js +12 -0
  93. package/dist/checkbox/src/index.css +256 -60
  94. package/dist/checkbox/src/index.d.ts +1 -0
  95. package/dist/checkbox/src/index.js +8 -6
  96. package/dist/{chunk-K7RMLEFM.js → chunk-23GXMA5L.js} +3 -3
  97. package/dist/{chunk-C4X5PI6E.js → chunk-32QBNIEM.js} +1 -1
  98. package/dist/{chunk-M5XA2PEG.js → chunk-3K2JRC5Y.js} +1 -1
  99. package/dist/{chunk-7CT2IBNY.js → chunk-46GSYJ4O.js} +5 -5
  100. package/dist/{chunk-UWR4QQYY.js → chunk-4RSRAAPW.js} +15 -13
  101. package/dist/{chunk-3HABKGTW.js → chunk-4U7DCAUG.js} +23 -15
  102. package/dist/{chunk-YYU3DZW3.js → chunk-56UB7UOG.js} +1 -1
  103. package/dist/{chunk-BYEORLMA.js → chunk-5RHMPFIJ.js} +4 -4
  104. package/dist/chunk-6W5XVFIS.js +127 -0
  105. package/dist/{chunk-QYKLMSBR.js → chunk-6XHZ6XI2.js} +5 -12
  106. package/dist/chunk-7L5HTRIH.js +130 -0
  107. package/dist/{chunk-43LD4A2H.js → chunk-7MB63YNF.js} +24 -16
  108. package/dist/{chunk-OZQT5F42.js → chunk-AAV7H2PI.js} +4 -4
  109. package/dist/{chunk-RMTA4M7X.js → chunk-C2IFIGEU.js} +4 -10
  110. package/dist/{chunk-CJU6B2CE.js → chunk-CGL75FSH.js} +17 -28
  111. package/dist/{chunk-LLQHZY4A.js → chunk-CVYYW7J4.js} +2 -2
  112. package/dist/{chunk-LUE3SWJ2.js → chunk-D7KHPU3U.js} +1 -1
  113. package/dist/{chunk-C77ZSLQG.js → chunk-DZZ4WWRN.js} +2 -2
  114. package/dist/{chunk-MDUON6B4.js → chunk-EUXXCRBZ.js} +1 -1
  115. package/dist/{chunk-NJD5XPQF.js → chunk-FE6YBJMN.js} +4 -4
  116. package/dist/{chunk-IZJI5MOD.js → chunk-FU2IY2JF.js} +25 -18
  117. package/dist/{chunk-MB52JXEM.js → chunk-G6W6FNEX.js} +3 -3
  118. package/dist/{chunk-KPHI7JZW.js → chunk-HXMMNMFV.js} +4 -4
  119. package/dist/{chunk-2L4JHF4B.js → chunk-ICGQUOUM.js} +1 -1
  120. package/dist/{chunk-746OLQYL.js → chunk-KIZSSIMT.js} +3 -3
  121. package/dist/{chunk-GLSPSFBC.js → chunk-LDWNFZXA.js} +1 -1
  122. package/dist/{chunk-V7RSOERT.js → chunk-LEPWFS5L.js} +4 -10
  123. package/dist/{chunk-NLLH6YL3.js → chunk-MYAC6TLH.js} +1 -1
  124. package/dist/{chunk-Q2VOGHVA.js → chunk-NKZRZZMH.js} +1 -1
  125. package/dist/{chunk-7HQIQPIT.js → chunk-NQYHB7S3.js} +5 -5
  126. package/dist/{chunk-24TFXRVQ.js → chunk-NUB4BYRF.js} +22 -12
  127. package/dist/{chunk-TXW35G4W.js → chunk-NZKS5OKD.js} +22 -13
  128. package/dist/{chunk-LEG7NAKL.js → chunk-ODXA2UZN.js} +28 -15
  129. package/dist/{chunk-XTQ3H3SE.js → chunk-OGIBVQFW.js} +22 -14
  130. package/dist/{chunk-L7K2RI3N.js → chunk-OMF56Z2Y.js} +2 -2
  131. package/dist/{chunk-F2UGOH5F.js → chunk-PNWMICY7.js} +1 -1
  132. package/dist/{chunk-OZRPGA34.js → chunk-QLR77TGC.js} +1 -1
  133. package/dist/{chunk-AGLZTGGC.js → chunk-R4LJYEOV.js} +5 -5
  134. package/dist/{chunk-BITEHGS4.js → chunk-RDPNKPZ3.js} +23 -11
  135. package/dist/{chunk-5BCWNYYC.js → chunk-SSCVAJ2H.js} +4 -4
  136. package/dist/{chunk-37572JO3.js → chunk-UJVTDWNG.js} +11 -11
  137. package/dist/{chunk-36KWPNRH.js → chunk-YZ676IC2.js} +5 -5
  138. package/dist/{chunk-ZGJENXEU.js → chunk-ZSOGDKV5.js} +1 -1
  139. package/dist/index.css +1069 -650
  140. package/dist/index.d.ts +3 -1
  141. package/dist/index.js +57 -55
  142. package/dist/inputs/src/InputGroup.css +191 -191
  143. package/dist/inputs/src/InputGroup.js +1 -1
  144. package/dist/inputs/src/NumberField.css +231 -231
  145. package/dist/inputs/src/NumberField.d.ts +0 -4
  146. package/dist/inputs/src/NumberField.js +7 -7
  147. package/dist/inputs/src/PasswordField.css +219 -219
  148. package/dist/inputs/src/PasswordField.js +9 -9
  149. package/dist/inputs/src/SearchField.css +225 -225
  150. package/dist/inputs/src/SearchField.js +9 -9
  151. package/dist/inputs/src/TextArea.css +225 -225
  152. package/dist/inputs/src/TextArea.js +7 -7
  153. package/dist/inputs/src/TextField.css +223 -223
  154. package/dist/inputs/src/TextField.js +9 -9
  155. package/dist/inputs/src/index.css +271 -271
  156. package/dist/inputs/src/index.js +14 -14
  157. package/dist/layout/src/Content.d.ts +2 -2
  158. package/dist/layout/src/Footer.d.ts +2 -2
  159. package/dist/overlays/Popover/src/Popover.css +1069 -650
  160. package/dist/overlays/Popover/src/Popover.d.ts +2 -2
  161. package/dist/overlays/Popover/src/Popover.js +57 -55
  162. package/dist/overlays/Popover/src/index.css +1069 -650
  163. package/dist/overlays/Popover/src/index.js +57 -55
  164. package/dist/radio/src/DecorativeRadio.css +286 -0
  165. package/dist/radio/src/DecorativeRadio.d.ts +18 -0
  166. package/dist/radio/src/DecorativeRadio.js +12 -0
  167. package/dist/radio/src/Radio.css +28 -31
  168. package/dist/radio/src/Radio.d.ts +1 -3
  169. package/dist/radio/src/Radio.js +3 -3
  170. package/dist/radio/src/RadioContext.d.ts +0 -2
  171. package/dist/radio/src/RadioField.css +15 -15
  172. package/dist/radio/src/RadioField.d.ts +8 -2
  173. package/dist/radio/src/RadioField.js +4 -2
  174. package/dist/radio/src/RadioGroup.css +255 -60
  175. package/dist/radio/src/RadioGroup.js +4 -4
  176. package/dist/radio/src/RadioList.d.ts +2 -2
  177. package/dist/radio/src/index.css +255 -60
  178. package/dist/radio/src/index.d.ts +1 -0
  179. package/dist/radio/src/index.js +10 -8
  180. package/dist/switch/src/Switch.css +25 -25
  181. package/dist/switch/src/Switch.js +3 -3
  182. package/dist/switch/src/SwitchField.css +15 -15
  183. package/dist/switch/src/SwitchField.d.ts +8 -2
  184. package/dist/switch/src/SwitchField.js +3 -1
  185. package/dist/switch/src/index.css +31 -31
  186. package/dist/switch/src/index.js +5 -4
  187. package/dist/tag/src/Tag.css +323 -323
  188. package/dist/tag/src/Tag.js +6 -6
  189. package/dist/tag/src/TagGroup.css +22 -22
  190. package/dist/tag/src/TagGroup.js +2 -2
  191. package/dist/tag/src/index.css +336 -336
  192. package/dist/tag/src/index.js +9 -9
  193. package/dist/typography/Heading/src/Heading.css +9 -9
  194. package/dist/typography/Heading/src/Heading.js +1 -1
  195. package/dist/typography/Heading/src/index.css +9 -9
  196. package/dist/typography/Heading/src/index.js +1 -1
  197. package/dist/typography/Label/src/Label.css +3 -3
  198. package/dist/typography/Label/src/Label.js +1 -1
  199. package/dist/typography/Label/src/index.css +3 -3
  200. package/dist/typography/Label/src/index.js +1 -1
  201. package/dist/typography/OverlineText/src/OverlineText.css +6 -6
  202. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  203. package/dist/typography/OverlineText/src/index.css +6 -6
  204. package/dist/typography/OverlineText/src/index.js +1 -1
  205. package/dist/typography/Text/src/Text.css +9 -9
  206. package/dist/typography/Text/src/Text.js +1 -1
  207. package/dist/typography/Text/src/index.css +9 -9
  208. package/dist/typography/Text/src/index.js +1 -1
  209. package/dist/utils/src/index.d.ts +1 -1
  210. package/dist/utils/src/index.js +2 -2
  211. package/dist/utils/src/types.d.ts +30 -6
  212. package/package.json +4 -4
@@ -1,5 +1,5 @@
1
1
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
2
- .Text-module__hop-Text___hALxd {
2
+ .Text-module__hop-Text___STL8w {
3
3
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
4
4
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
5
5
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -29,49 +29,49 @@
29
29
  --hop-Text-inherit-size-font-weight: inherit;
30
30
  --hop-Text-inherit-size-line-height: inherit;
31
31
  }
32
- :where(.Text-module__hop-Text___hALxd) {
32
+ :where(.Text-module__hop-Text___STL8w) {
33
33
  font-family: var(--font-family);
34
34
  font-size: var(--font-size);
35
35
  font-weight: var(--font-weight);
36
36
  line-height: var(--line-height);
37
37
  }
38
- :where(.Text-module__hop-Text--xs___P0eO9) {
38
+ :where(.Text-module__hop-Text--xs___VMB69) {
39
39
  --font-size: var(--hop-Text-xs-font-size);
40
40
  --font-family: var(--hop-Text-xs-font-family);
41
41
  --font-weight: var(--hop-Text-xs-font-weight);
42
42
  --line-height: var(--hop-Text-xs-line-height);
43
43
  }
44
- :where(.Text-module__hop-Text--sm___gwyeW) {
44
+ :where(.Text-module__hop-Text--sm___qeScp) {
45
45
  --font-size: var(--hop-Text-sm-font-size);
46
46
  --font-family: var(--hop-Text-sm-font-family);
47
47
  --font-weight: var(--hop-Text-sm-font-weight);
48
48
  --line-height: var(--hop-Text-sm-line-height);
49
49
  }
50
- :where(.Text-module__hop-Text--md___pflE1) {
50
+ :where(.Text-module__hop-Text--md___2mgs7) {
51
51
  --font-size: var(--hop-Text-md-font-size);
52
52
  --font-family: var(--hop-Text-md-font-family);
53
53
  --font-weight: var(--hop-Text-md-font-weight);
54
54
  --line-height: var(--hop-Text-md-line-height);
55
55
  }
56
- :where(.Text-module__hop-Text--lg___dEBuC) {
56
+ :where(.Text-module__hop-Text--lg___0EFPU) {
57
57
  --font-size: var(--hop-Text-lg-font-size);
58
58
  --font-family: var(--hop-Text-lg-font-family);
59
59
  --font-weight: var(--hop-Text-lg-font-weight);
60
60
  --line-height: var(--hop-Text-lg-line-height);
61
61
  }
62
- :where(.Text-module__hop-Text--xl___7IvN7) {
62
+ :where(.Text-module__hop-Text--xl___w3euL) {
63
63
  --font-size: var(--hop-Text-xl-font-size);
64
64
  --font-family: var(--hop-Text-xl-font-family);
65
65
  --font-weight: var(--hop-Text-xl-font-weight);
66
66
  --line-height: var(--hop-Text-xl-line-height);
67
67
  }
68
- :where(.Text-module__hop-Text--2xl___-A2SY) {
68
+ :where(.Text-module__hop-Text--2xl___n8Xzj) {
69
69
  --font-size: var(--hop-Text-2xl-font-size);
70
70
  --font-family: var(--hop-Text-2xl-font-family);
71
71
  --font-weight: var(--hop-Text-2xl-font-weight);
72
72
  --line-height: var(--hop-Text-2xl-line-height);
73
73
  }
74
- :where(.Text-module__hop-Text--inherit___wfDw-) {
74
+ :where(.Text-module__hop-Text--inherit___GpaJO) {
75
75
  --font-size: var(--hop-Text-inherit-size-font-size);
76
76
  --font-family: var(--hop-Text-inherit-size-font-family);
77
77
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -79,7 +79,7 @@
79
79
  }
80
80
 
81
81
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
82
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___fkc4Q {
82
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___3-4v6 {
83
83
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
84
84
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
85
85
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -110,46 +110,46 @@
110
110
  background-color: var(--background-color);
111
111
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
112
112
  }
113
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___aNzbC {
113
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___bQsOe {
114
114
  --size: var(--hop-RichIconAvatarImage-xs-size);
115
115
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
116
116
  }
117
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___d3oUV {
117
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___XA19V {
118
118
  --size: var(--hop-RichIconAvatarImage-sm-size);
119
119
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
120
120
  }
121
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___yxjvO {
121
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___xr-lR {
122
122
  --size: var(--hop-RichIconAvatarImage-md-size);
123
123
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
124
124
  }
125
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___vWr2k {
125
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___Xtfzn {
126
126
  --size: var(--hop-RichIconAvatarImage-lg-size);
127
127
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
128
128
  }
129
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___7jGcb {
129
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___fUQr1 {
130
130
  --size: var(--hop-RichIconAvatarImage-xl-size);
131
131
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
132
132
  }
133
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___sAhUb {
133
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___Qkwlw {
134
134
  --size: var(--hop-RichIconAvatarImage-2xl-size);
135
135
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
136
136
  }
137
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___fkc4Q[data-disabled] {
137
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___3-4v6[data-disabled] {
138
138
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
139
139
  }
140
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___8OyF9 {
140
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___-LdB5 {
141
141
  position: relative;
142
142
  display: block;
143
143
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
144
144
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
145
145
  }
146
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___fkc4Q[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___8OyF9 {
146
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___3-4v6[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___-LdB5 {
147
147
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
148
148
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
149
149
  }
150
150
 
151
151
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/Avatar.module.css/#css-module-data */
152
- .Avatar-module__hop-Avatar___X23fL {
152
+ .Avatar-module__hop-Avatar___zMUBx {
153
153
  --hop-Avatar-border-radius: var(--hop-shape-circle);
154
154
  --hop-Avatar-mix-blend-mode: normal;
155
155
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -194,67 +194,67 @@
194
194
  background-color: var(--background-color, transparent);
195
195
  border-radius: var(--hop-Avatar-border-radius);
196
196
  }
197
- .Avatar-module__hop-Avatar--xs___4mZjQ {
197
+ .Avatar-module__hop-Avatar--xs___fwYJ0 {
198
198
  --size: var(--hop-Avatar-xs-size);
199
199
  }
200
- .Avatar-module__hop-Avatar--sm___qKyk6 {
200
+ .Avatar-module__hop-Avatar--sm___RSYai {
201
201
  --size: var(--hop-Avatar-sm-size);
202
202
  }
203
- .Avatar-module__hop-Avatar--md___pGlSR {
203
+ .Avatar-module__hop-Avatar--md___K6lSB {
204
204
  --size: var(--hop-Avatar-md-size);
205
205
  }
206
- .Avatar-module__hop-Avatar--lg___b3u2k {
206
+ .Avatar-module__hop-Avatar--lg___mwFIB {
207
207
  --size: var(--hop-Avatar-lg-size);
208
208
  }
209
- .Avatar-module__hop-Avatar--xl___syjHu {
209
+ .Avatar-module__hop-Avatar--xl___KMY1q {
210
210
  --size: var(--hop-Avatar-xl-size);
211
211
  }
212
- .Avatar-module__hop-Avatar--2xl___vGdt5 {
212
+ .Avatar-module__hop-Avatar--2xl___6SVrF {
213
213
  --size: var(--hop-Avatar-2xl-size);
214
214
  }
215
- .Avatar-module__hop-Avatar--decorative-option1___1ipXC {
215
+ .Avatar-module__hop-Avatar--decorative-option1___npU1o {
216
216
  --background-color: var(--hop-Avatar-decorative-1-background-color);
217
217
  --text-color: var(--hop-Avatar-decorative-1-text-color);
218
218
  }
219
- .Avatar-module__hop-Avatar--decorative-option2___H8-35 {
219
+ .Avatar-module__hop-Avatar--decorative-option2___F-pzz {
220
220
  --background-color: var(--hop-Avatar-decorative-2-background-color);
221
221
  --text-color: var(--hop-Avatar-decorative-2-text-color);
222
222
  }
223
- .Avatar-module__hop-Avatar--decorative-option3___udxQr {
223
+ .Avatar-module__hop-Avatar--decorative-option3___2NVPh {
224
224
  --background-color: var(--hop-Avatar-decorative-3-background-color);
225
225
  --text-color: var(--hop-Avatar-decorative-3-text-color);
226
226
  }
227
- .Avatar-module__hop-Avatar--decorative-option4___3tEye {
227
+ .Avatar-module__hop-Avatar--decorative-option4___3II-Z {
228
228
  --background-color: var(--hop-Avatar-decorative-4-background-color);
229
229
  --text-color: var(--hop-Avatar-decorative-4-text-color);
230
230
  }
231
- .Avatar-module__hop-Avatar--decorative-option5___OY88Y {
231
+ .Avatar-module__hop-Avatar--decorative-option5___0Gn-- {
232
232
  --background-color: var(--hop-Avatar-decorative-5-background-color);
233
233
  --text-color: var(--hop-Avatar-decorative-5-text-color);
234
234
  }
235
- .Avatar-module__hop-Avatar--decorative-option6___BkrL7 {
235
+ .Avatar-module__hop-Avatar--decorative-option6___Vs2U2 {
236
236
  --background-color: var(--hop-Avatar-decorative-6-background-color);
237
237
  --text-color: var(--hop-Avatar-decorative-6-text-color);
238
238
  }
239
- .Avatar-module__hop-Avatar--decorative-option7___i33t4 {
239
+ .Avatar-module__hop-Avatar--decorative-option7___fD-81 {
240
240
  --background-color: var(--hop-Avatar-decorative-7-background-color);
241
241
  --text-color: var(--hop-Avatar-decorative-7-text-color);
242
242
  }
243
- .Avatar-module__hop-Avatar--decorative-option8___meF-e {
243
+ .Avatar-module__hop-Avatar--decorative-option8___UPSl5 {
244
244
  --background-color: var(--hop-Avatar-decorative-8-background-color);
245
245
  --text-color: var(--hop-Avatar-decorative-8-text-color);
246
246
  }
247
- .Avatar-module__hop-Avatar--decorative-option9___qyIOQ {
247
+ .Avatar-module__hop-Avatar--decorative-option9___b9s4c {
248
248
  --background-color: var(--hop-Avatar-decorative-9-background-color);
249
249
  --text-color: var(--hop-Avatar-decorative-9-text-color);
250
250
  }
251
- .Avatar-module__hop-Avatar___X23fL[data-disabled] {
251
+ .Avatar-module__hop-Avatar___zMUBx[data-disabled] {
252
252
  --background-color: var(--hop-Avatar-background-color-disabled);
253
253
  --text-color: var(--hop-Avatar-text-color-disabled);
254
254
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
255
255
  isolation: isolate;
256
256
  }
257
- .Avatar-module__hop-Avatar__image___okiG4 {
257
+ .Avatar-module__hop-Avatar__image___bE5J8 {
258
258
  position: relative;
259
259
  display: block;
260
260
  box-sizing: border-box;
@@ -265,7 +265,7 @@
265
265
  }
266
266
 
267
267
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
268
- :where(.OverlineText-module__hop-OverlineText___CDjsJ) {
268
+ :where(.OverlineText-module__hop-OverlineText___a-rdM) {
269
269
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
270
270
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
271
271
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -289,26 +289,26 @@
289
289
  text-transform: uppercase;
290
290
  letter-spacing: var(--letter-spacing);
291
291
  }
292
- .OverlineText-module__hop-OverlineText__text___6sNbK {
292
+ .OverlineText-module__hop-OverlineText__text___3-D9M {
293
293
  box-sizing: border-box;
294
294
  }
295
- .OverlineText-module__hop-OverlineText__text___6sNbK::before,
296
- .OverlineText-module__hop-OverlineText__text___6sNbK::after {
295
+ .OverlineText-module__hop-OverlineText__text___3-D9M::before,
296
+ .OverlineText-module__hop-OverlineText__text___3-D9M::after {
297
297
  content: "";
298
298
  display: block;
299
299
  box-sizing: border-box;
300
300
  inline-size: 0;
301
301
  block-size: 0;
302
302
  }
303
- .OverlineText-module__hop-OverlineText__text___6sNbK::before {
303
+ .OverlineText-module__hop-OverlineText__text___3-D9M::before {
304
304
  margin-block-end: var(--bottom-offset);
305
305
  }
306
- .OverlineText-module__hop-OverlineText__text___6sNbK::after {
306
+ .OverlineText-module__hop-OverlineText__text___3-D9M::after {
307
307
  margin-block-start: var(--top-offset);
308
308
  }
309
309
 
310
310
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
311
- .Badge-module__hop-Badge___R1VU8 {
311
+ .Badge-module__hop-Badge___RGKDc {
312
312
  --hop-Badge-height: 1.5rem;
313
313
  --hop-Badge-width: max-content;
314
314
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -358,67 +358,67 @@
358
358
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
359
359
  border-radius: var(--border-radius);
360
360
  }
361
- .Badge-module__hop-Badge___R1VU8[data-variant=primary] {
361
+ .Badge-module__hop-Badge___RGKDc[data-variant=primary] {
362
362
  --background-color: var(--hop-Badge-primary-background-color);
363
363
  --text-color: var(--hop-Badge-primary-text-color);
364
364
  }
365
- .Badge-module__hop-Badge___R1VU8[data-hovered][data-variant=primary] {
365
+ .Badge-module__hop-Badge___RGKDc[data-hovered][data-variant=primary] {
366
366
  --background-color: var(--hop-Badge-primary-background-color-hovered);
367
367
  --text-color: var(--hop-Badge-primary-text-color-hovered);
368
368
  }
369
- .Badge-module__hop-Badge___R1VU8[data-pressed][data-variant=primary] {
369
+ .Badge-module__hop-Badge___RGKDc[data-pressed][data-variant=primary] {
370
370
  --background-color: var(--hop-Badge-primary-background-color-pressed);
371
371
  --text-color: var(--hop-Badge-primary-text-color-pressed);
372
372
  }
373
- .Badge-module__hop-Badge___R1VU8[data-selected][data-variant=primary] {
373
+ .Badge-module__hop-Badge___RGKDc[data-selected][data-variant=primary] {
374
374
  --background-color: var(--hop-Badge-primary-background-color-selected);
375
375
  --text-color: var(--hop-Badge-primary-text-color-selected);
376
376
  }
377
- .Badge-module__hop-Badge___R1VU8[data-variant=secondary] {
377
+ .Badge-module__hop-Badge___RGKDc[data-variant=secondary] {
378
378
  --background-color: var(--hop-Badge-secondary-background-color);
379
379
  --text-color: var(--hop-Badge-secondary-text-color);
380
380
  }
381
- .Badge-module__hop-Badge___R1VU8[data-hovered][data-variant=secondary] {
381
+ .Badge-module__hop-Badge___RGKDc[data-hovered][data-variant=secondary] {
382
382
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
383
383
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
384
384
  }
385
- .Badge-module__hop-Badge___R1VU8[data-pressed][data-variant=secondary] {
385
+ .Badge-module__hop-Badge___RGKDc[data-pressed][data-variant=secondary] {
386
386
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
387
387
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
388
388
  }
389
- .Badge-module__hop-Badge___R1VU8[data-selected][data-variant=secondary] {
389
+ .Badge-module__hop-Badge___RGKDc[data-selected][data-variant=secondary] {
390
390
  --background-color: var(--hop-Badge-secondary-background-color-selected);
391
391
  --text-color: var(--hop-Badge-secondary-text-color-selected);
392
392
  }
393
- .Badge-module__hop-Badge___R1VU8[data-variant=subdued] {
393
+ .Badge-module__hop-Badge___RGKDc[data-variant=subdued] {
394
394
  --background-color: var(--hop-Badge-subdued-background-color);
395
395
  --text-color: var(--hop-Badge-subdued-text-color);
396
396
  }
397
- .Badge-module__hop-Badge___R1VU8[data-hovered][data-variant=subdued] {
397
+ .Badge-module__hop-Badge___RGKDc[data-hovered][data-variant=subdued] {
398
398
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
399
399
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
400
400
  }
401
- .Badge-module__hop-Badge___R1VU8[data-pressed][data-variant=subdued] {
401
+ .Badge-module__hop-Badge___RGKDc[data-pressed][data-variant=subdued] {
402
402
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
403
403
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
404
404
  }
405
- .Badge-module__hop-Badge___R1VU8[data-selected][data-variant=subdued] {
405
+ .Badge-module__hop-Badge___RGKDc[data-selected][data-variant=subdued] {
406
406
  --background-color: var(--hop-Badge-subdued-background-color-selected);
407
407
  --text-color: var(--hop-Badge-subdued-text-color-selected);
408
408
  }
409
- .Badge-module__hop-Badge___R1VU8[data-indeterminate] {
409
+ .Badge-module__hop-Badge___RGKDc[data-indeterminate] {
410
410
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
411
411
  --height: var(--hop-Badge-indeterminate-height);
412
412
  --width: var(--hop-Badge-indeterminate-width);
413
413
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
414
414
  }
415
- .Badge-module__hop-Badge___R1VU8[data-disabled] {
415
+ .Badge-module__hop-Badge___RGKDc[data-disabled] {
416
416
  --background-color: var(--hop-Badge-background-color-disabled);
417
417
  --text-color: var(--hop-Badge-text-color-disabled);
418
418
  }
419
419
 
420
420
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/FloatingBadge.module.css/#css-module-data */
421
- .FloatingBadge-module__hop-FloatingBadge___NzvAY {
421
+ .FloatingBadge-module__hop-FloatingBadge___g-Sla {
422
422
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
423
423
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
424
424
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -459,7 +459,7 @@
459
459
  box-sizing: border-box;
460
460
  inline-size: max-content;
461
461
  }
462
- .FloatingBadge-module__hop-FloatingBadge___NzvAY[data-placement="top right"] {
462
+ .FloatingBadge-module__hop-FloatingBadge___g-Sla[data-placement="top right"] {
463
463
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
464
464
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
465
465
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -467,11 +467,11 @@
467
467
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
468
468
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
469
469
  }
470
- .FloatingBadge-module__hop-FloatingBadge___NzvAY[data-placement="top right"][data-overlap=circular] {
470
+ .FloatingBadge-module__hop-FloatingBadge___g-Sla[data-placement="top right"][data-overlap=circular] {
471
471
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
472
472
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
473
473
  }
474
- .FloatingBadge-module__hop-FloatingBadge___NzvAY[data-placement="top left"] {
474
+ .FloatingBadge-module__hop-FloatingBadge___g-Sla[data-placement="top left"] {
475
475
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
476
476
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
477
477
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -479,11 +479,11 @@
479
479
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
480
480
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
481
481
  }
482
- .FloatingBadge-module__hop-FloatingBadge___NzvAY[data-placement="top left"][data-overlap=circular] {
482
+ .FloatingBadge-module__hop-FloatingBadge___g-Sla[data-placement="top left"][data-overlap=circular] {
483
483
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
484
484
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
485
485
  }
486
- .FloatingBadge-module__hop-FloatingBadge___NzvAY[data-placement="bottom right"] {
486
+ .FloatingBadge-module__hop-FloatingBadge___g-Sla[data-placement="bottom right"] {
487
487
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
488
488
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
489
489
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -491,11 +491,11 @@
491
491
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
492
492
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
493
493
  }
494
- .FloatingBadge-module__hop-FloatingBadge___NzvAY[data-placement="bottom right"][data-overlap=circular] {
494
+ .FloatingBadge-module__hop-FloatingBadge___g-Sla[data-placement="bottom right"][data-overlap=circular] {
495
495
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
496
496
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
497
497
  }
498
- .FloatingBadge-module__hop-FloatingBadge___NzvAY[data-placement="bottom left"] {
498
+ .FloatingBadge-module__hop-FloatingBadge___g-Sla[data-placement="bottom left"] {
499
499
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
500
500
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
501
501
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -503,11 +503,11 @@
503
503
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
504
504
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
505
505
  }
506
- .FloatingBadge-module__hop-FloatingBadge___NzvAY[data-placement="bottom left"][data-overlap=circular] {
506
+ .FloatingBadge-module__hop-FloatingBadge___g-Sla[data-placement="bottom left"][data-overlap=circular] {
507
507
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
508
508
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
509
509
  }
510
- .FloatingBadge-module__hop-FloatingBadge__badge___SFYzq {
510
+ .FloatingBadge-module__hop-FloatingBadge__badge___Vl-eq {
511
511
  position: absolute;
512
512
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
513
513
  transform-origin: var(--badge-transform-origin);
@@ -515,7 +515,7 @@
515
515
  }
516
516
 
517
517
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
518
- .IconList-module__hop-IconList___DLmNv {
518
+ .IconList-module__hop-IconList___Q3MT- {
519
519
  --hop-IconList-gap: var(--hop-space-inline-xs);
520
520
  display: flex;
521
521
  flex-wrap: wrap;
@@ -524,7 +524,7 @@
524
524
  }
525
525
 
526
526
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Spinner/src/Spinner.module.css/#css-module-data */
527
- @keyframes Spinner-module__spin___1vbK9 {
527
+ @keyframes Spinner-module__spin___LNaNh {
528
528
  0% {
529
529
  transform: rotate(0deg);
530
530
  }
@@ -532,7 +532,7 @@
532
532
  transform: rotate(360deg);
533
533
  }
534
534
  }
535
- .Spinner-module__hop-Spinner___GXocl {
535
+ .Spinner-module__hop-Spinner___pzOoW {
536
536
  --hop-Spinner-border-radius: var(--hop-shape-circle);
537
537
  --hop-Spinner-sm-wheel-size: 1rem;
538
538
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -540,7 +540,7 @@
540
540
  --hop-Spinner-track-width: 0.125rem;
541
541
  --hop-Spinner-track-opacity: 0.2;
542
542
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
543
- --hop-Spinner-fill-animation: Spinner-module__spin___1vbK9 .8s infinite linear;
543
+ --hop-Spinner-fill-animation: Spinner-module__spin___LNaNh .8s infinite linear;
544
544
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
545
545
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
546
546
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -551,19 +551,19 @@
551
551
  align-items: center;
552
552
  box-sizing: border-box;
553
553
  }
554
- .Spinner-module__hop-Spinner--sm___skjUD {
554
+ .Spinner-module__hop-Spinner--sm___pfYnw {
555
555
  --width: var(--hop-Spinner-sm-wheel-size);
556
556
  --height: var(--hop-Spinner-sm-wheel-size);
557
557
  }
558
- .Spinner-module__hop-Spinner--md___s7N4L {
558
+ .Spinner-module__hop-Spinner--md___nOWUL {
559
559
  --width: var(--hop-Spinner-md-wheel-size);
560
560
  --height: var(--hop-Spinner-md-wheel-size);
561
561
  }
562
- .Spinner-module__hop-Spinner--lg___ffDyN {
562
+ .Spinner-module__hop-Spinner--lg___lyNuv {
563
563
  --width: var(--hop-Spinner-lg-wheel-size);
564
564
  --height: var(--hop-Spinner-lg-wheel-size);
565
565
  }
566
- .Spinner-module__hop-Spinner__track___pJtRo {
566
+ .Spinner-module__hop-Spinner__track___Ls4HB {
567
567
  grid-area: spinner;
568
568
  box-sizing: border-box;
569
569
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -572,7 +572,7 @@
572
572
  border: var(--hop-Spinner-track-border);
573
573
  border-radius: var(--hop-Spinner-border-radius);
574
574
  }
575
- .Spinner-module__hop-Spinner__fill___yPHmf {
575
+ .Spinner-module__hop-Spinner__fill___SkjGT {
576
576
  grid-area: spinner;
577
577
  box-sizing: border-box;
578
578
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -583,17 +583,17 @@
583
583
  animation: var(--hop-Spinner-fill-animation);
584
584
  }
585
585
  @media (prefers-reduced-motion: reduce) {
586
- .Spinner-module__hop-Spinner__fill___yPHmf {
586
+ .Spinner-module__hop-Spinner__fill___SkjGT {
587
587
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
588
588
  }
589
589
  }
590
- .Spinner-module__hop-Spinner__label___XSGeB {
590
+ .Spinner-module__hop-Spinner__label___Px-28 {
591
591
  grid-area: label;
592
592
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
593
593
  }
594
594
 
595
595
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
596
- .Button-module__hop-Button___Fcu-c {
596
+ .Button-module__hop-Button___5iBZz {
597
597
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
598
598
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
599
599
  --hop-Button-icon-only-padding: 0;
@@ -752,317 +752,317 @@
752
752
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
753
753
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
754
754
  }
755
- .Button-module__hop-Button___Fcu-c[data-focus-visible] {
755
+ .Button-module__hop-Button___5iBZz[data-focus-visible] {
756
756
  outline: 0.125rem solid var(--hop-Button-focus-ring-color);
757
757
  }
758
- .Button-module__hop-Button--icon-only___V1KwF {
758
+ .Button-module__hop-Button--icon-only___TPK5R {
759
759
  --padding-block: var(--hop-Button-icon-only-padding);
760
760
  --padding-inline: var(--hop-Button-icon-only-padding);
761
761
  column-gap: 0;
762
762
  aspect-ratio: 1;
763
763
  }
764
- .Button-module__hop-Button___Fcu-c[data-disabled],
765
- .Button-module__hop-Button___Fcu-c[data-loading] {
764
+ .Button-module__hop-Button___5iBZz[data-disabled],
765
+ .Button-module__hop-Button___5iBZz[data-loading] {
766
766
  cursor: not-allowed;
767
767
  }
768
- .Button-module__hop-Button--fluid___VtD-n {
768
+ .Button-module__hop-Button--fluid___Zb3Z4 {
769
769
  --inline-size: 100%;
770
770
  }
771
- .Button-module__hop-Button--sm___vceOS {
771
+ .Button-module__hop-Button--sm___xENmf {
772
772
  --block-size: var(--hop-Button-sm-height);
773
773
  }
774
- .Button-module__hop-Button--primary___X0ELV.Button-module__hop-Button--sm___vceOS:not(.Button-module__hop-Button--icon-only___V1KwF) {
774
+ .Button-module__hop-Button--primary___zbhJ9.Button-module__hop-Button--sm___xENmf:not(.Button-module__hop-Button--icon-only___TPK5R) {
775
775
  --padding-inline: var(--hop-Button-primary-sm-padding-x);
776
776
  --padding-block: var(--hop-Button-primary-sm-padding-y);
777
777
  }
778
- .Button-module__hop-Button--primary___X0ELV.Button-module__hop-Button--md___5LgAr:not(.Button-module__hop-Button--icon-only___V1KwF) {
778
+ .Button-module__hop-Button--primary___zbhJ9.Button-module__hop-Button--md___KZwYW:not(.Button-module__hop-Button--icon-only___TPK5R) {
779
779
  --padding-inline: var(--hop-Button-primary-md-padding-x);
780
780
  --padding-block: var(--hop-Button-primary-md-padding-y);
781
781
  }
782
- .Button-module__hop-Button--secondary___O8fOQ.Button-module__hop-Button--md___5LgAr:not(.Button-module__hop-Button--icon-only___V1KwF) {
782
+ .Button-module__hop-Button--secondary___PKbCY.Button-module__hop-Button--md___KZwYW:not(.Button-module__hop-Button--icon-only___TPK5R) {
783
783
  --padding-inline: var(--hop-Button-secondary-md-padding-x);
784
784
  --padding-block: var(--hop-Button-secondary-md-padding-y);
785
785
  }
786
- .Button-module__hop-Button--secondary___O8fOQ.Button-module__hop-Button--sm___vceOS:not(.Button-module__hop-Button--icon-only___V1KwF) {
786
+ .Button-module__hop-Button--secondary___PKbCY.Button-module__hop-Button--sm___xENmf:not(.Button-module__hop-Button--icon-only___TPK5R) {
787
787
  --padding-inline: var(--hop-Button-secondary-sm-padding-x);
788
788
  --padding-block: var(--hop-Button-secondary-sm-padding-y);
789
789
  }
790
- .Button-module__hop-Button--upsell___UPfK0.Button-module__hop-Button--md___5LgAr:not(.Button-module__hop-Button--icon-only___V1KwF) {
790
+ .Button-module__hop-Button--upsell___61sYX.Button-module__hop-Button--md___KZwYW:not(.Button-module__hop-Button--icon-only___TPK5R) {
791
791
  --padding-inline: var(--hop-Button-upsell-md-padding-x);
792
792
  --padding-block: var(--hop-Button-upsell-md-padding-y);
793
793
  }
794
- .Button-module__hop-Button--upsell___UPfK0.Button-module__hop-Button--sm___vceOS:not(.Button-module__hop-Button--icon-only___V1KwF) {
794
+ .Button-module__hop-Button--upsell___61sYX.Button-module__hop-Button--sm___xENmf:not(.Button-module__hop-Button--icon-only___TPK5R) {
795
795
  --padding-inline: var(--hop-Button-upsell-sm-padding-x);
796
796
  --padding-block: var(--hop-Button-upsell-sm-padding-y);
797
797
  }
798
- .Button-module__hop-Button--danger___jYyiQ.Button-module__hop-Button--md___5LgAr:not(.Button-module__hop-Button--icon-only___V1KwF) {
798
+ .Button-module__hop-Button--danger___AxMDH.Button-module__hop-Button--md___KZwYW:not(.Button-module__hop-Button--icon-only___TPK5R) {
799
799
  --padding-inline: var(--hop-Button-danger-md-padding-x);
800
800
  --padding-block: var(--hop-Button-danger-md-padding-y);
801
801
  }
802
- .Button-module__hop-Button--danger___jYyiQ.Button-module__hop-Button--sm___vceOS:not(.Button-module__hop-Button--icon-only___V1KwF) {
802
+ .Button-module__hop-Button--danger___AxMDH.Button-module__hop-Button--sm___xENmf:not(.Button-module__hop-Button--icon-only___TPK5R) {
803
803
  --padding-inline: var(--hop-Button-danger-sm-padding-x);
804
804
  --padding-block: var(--hop-Button-danger-sm-padding-y);
805
805
  }
806
- .Button-module__hop-Button--ghost-danger___wYJWN.Button-module__hop-Button--md___5LgAr:not(.Button-module__hop-Button--icon-only___V1KwF) {
806
+ .Button-module__hop-Button--ghost-danger___2TdbY.Button-module__hop-Button--md___KZwYW:not(.Button-module__hop-Button--icon-only___TPK5R) {
807
807
  --padding-inline: var(--hop-Button-ghost-danger-md-padding-x);
808
808
  --padding-block: var(--hop-Button-ghost-danger-md-padding-y);
809
809
  }
810
- .Button-module__hop-Button--ghost-danger___wYJWN.Button-module__hop-Button--sm___vceOS:not(.Button-module__hop-Button--icon-only___V1KwF) {
810
+ .Button-module__hop-Button--ghost-danger___2TdbY.Button-module__hop-Button--sm___xENmf:not(.Button-module__hop-Button--icon-only___TPK5R) {
811
811
  --padding-inline: var(--hop-Button-ghost-danger-sm-padding-x);
812
812
  --padding-block: var(--hop-Button-ghost-danger-sm-padding-y);
813
813
  }
814
- .Button-module__hop-Button--ghost-secondary___uFHzl.Button-module__hop-Button--md___5LgAr:not(.Button-module__hop-Button--icon-only___V1KwF) {
814
+ .Button-module__hop-Button--ghost-secondary___6I7vD.Button-module__hop-Button--md___KZwYW:not(.Button-module__hop-Button--icon-only___TPK5R) {
815
815
  --padding-inline: var(--hop-Button-ghost-secondary-md-padding-x);
816
816
  --padding-block: var(--hop-Button-ghost-secondary-md-padding-y);
817
817
  }
818
- .Button-module__hop-Button--ghost-secondary___uFHzl.Button-module__hop-Button--sm___vceOS:not(.Button-module__hop-Button--icon-only___V1KwF) {
818
+ .Button-module__hop-Button--ghost-secondary___6I7vD.Button-module__hop-Button--sm___xENmf:not(.Button-module__hop-Button--icon-only___TPK5R) {
819
819
  --padding-inline: var(--hop-Button-ghost-secondary-sm-padding-x);
820
820
  --padding-block: var(--hop-Button-ghost-secondary-sm-padding-y);
821
821
  }
822
- .Button-module__hop-Button--ghost-primary___MHVgd.Button-module__hop-Button--md___5LgAr:not(.Button-module__hop-Button--icon-only___V1KwF) {
822
+ .Button-module__hop-Button--ghost-primary___--qrr.Button-module__hop-Button--md___KZwYW:not(.Button-module__hop-Button--icon-only___TPK5R) {
823
823
  --padding-inline: var(--hop-Button-ghost-primary-md-padding-x);
824
824
  --padding-block: var(--hop-Button-ghost-primary-md-padding-y);
825
825
  }
826
- .Button-module__hop-Button--ghost-primary___MHVgd.Button-module__hop-Button--sm___vceOS:not(.Button-module__hop-Button--icon-only___V1KwF) {
826
+ .Button-module__hop-Button--ghost-primary___--qrr.Button-module__hop-Button--sm___xENmf:not(.Button-module__hop-Button--icon-only___TPK5R) {
827
827
  --padding-inline: var(--hop-Button-ghost-primary-sm-padding-x);
828
828
  --padding-block: var(--hop-Button-ghost-primary-sm-padding-y);
829
829
  }
830
- .Button-module__hop-Button--primary___X0ELV {
830
+ .Button-module__hop-Button--primary___zbhJ9 {
831
831
  --background-color: var(--hop-Button-primary-background-color);
832
832
  --color: var(--hop-Button-primary-color);
833
833
  --border: var(--hop-Button-primary-border);
834
834
  --spinner-color: var(--hop-Button-primary-spinner-color);
835
835
  }
836
- .Button-module__hop-Button--primary___X0ELV[data-disabled]:not([data-loading]) {
836
+ .Button-module__hop-Button--primary___zbhJ9[data-disabled]:not([data-loading]) {
837
837
  --background-color: var(--hop-Button-primary-background-color-disabled);
838
838
  --color: var(--hop-Button-primary-color-disabled);
839
839
  --border: var(--hop-Button-primary-border-disabled);
840
840
  }
841
- .Button-module__hop-Button--primary___X0ELV[data-hovered]:not([data-disabled], [data-loading]),
842
- .Button-module__hop-Button--primary___X0ELV[data-focus-visible]:not([data-disabled], [data-loading]) {
841
+ .Button-module__hop-Button--primary___zbhJ9[data-hovered]:not([data-disabled], [data-loading]),
842
+ .Button-module__hop-Button--primary___zbhJ9[data-focus-visible]:not([data-disabled], [data-loading]) {
843
843
  --background-color: var(--hop-Button-primary-background-color-hover);
844
844
  --color: var(--hop-Button-primary-color-hover);
845
845
  --border: var(--hop-Button-primary-border-hover);
846
846
  }
847
- .Button-module__hop-Button--primary___X0ELV[data-pressed]:not([data-loading]) {
847
+ .Button-module__hop-Button--primary___zbhJ9[data-pressed]:not([data-loading]) {
848
848
  --background-color: var(--hop-Button-primary-background-color-pressed);
849
849
  --color: var(--hop-Button-primary-color-pressed);
850
850
  --border: var(--hop-Button-primary-border-pressed);
851
851
  }
852
- .Button-module__hop-Button--secondary___O8fOQ {
852
+ .Button-module__hop-Button--secondary___PKbCY {
853
853
  --background-color: var(--hop-Button-secondary-background-color);
854
854
  --color: var(--hop-Button-secondary-color);
855
855
  --border: var(--hop-Button-secondary-border);
856
856
  --spinner-color: var(--hop-Button-secondary-spinner-color);
857
857
  }
858
- .Button-module__hop-Button--secondary___O8fOQ[data-disabled]:not([data-loading]) {
858
+ .Button-module__hop-Button--secondary___PKbCY[data-disabled]:not([data-loading]) {
859
859
  --background-color: var(--hop-Button-secondary-background-color-disabled);
860
860
  --color: var(--hop-Button-secondary-color-disabled);
861
861
  --border: var(--hop-Button-secondary-border-disabled);
862
862
  }
863
- .Button-module__hop-Button--secondary___O8fOQ[data-hovered]:not([data-disabled], [data-loading]),
864
- .Button-module__hop-Button--secondary___O8fOQ[data-focus-visible]:not([data-disabled], [data-loading]) {
863
+ .Button-module__hop-Button--secondary___PKbCY[data-hovered]:not([data-disabled], [data-loading]),
864
+ .Button-module__hop-Button--secondary___PKbCY[data-focus-visible]:not([data-disabled], [data-loading]) {
865
865
  --background-color: var(--hop-Button-secondary-background-color-hover);
866
866
  --color: var(--hop-Button-secondary-color-hover);
867
867
  --border: var(--hop-Button-secondary-border-hover);
868
868
  }
869
- .Button-module__hop-Button--secondary___O8fOQ[data-pressed]:not([data-loading]) {
869
+ .Button-module__hop-Button--secondary___PKbCY[data-pressed]:not([data-loading]) {
870
870
  --background-color: var(--hop-Button-secondary-background-color-pressed);
871
871
  --color: var(--hop-Button-secondary-color-pressed);
872
872
  --border: var(--hop-Button-secondary-border-pressed);
873
873
  }
874
- .Button-module__hop-Button--upsell___UPfK0 {
874
+ .Button-module__hop-Button--upsell___61sYX {
875
875
  --background-color: var(--hop-Button-upsell-background-color);
876
876
  --color: var(--hop-Button-upsell-color);
877
877
  --border: var(--hop-Button-upsell-border);
878
878
  --spinner-color: var(--hop-Button-upsell-spinner-color);
879
879
  }
880
- .Button-module__hop-Button--upsell___UPfK0[data-disabled]:not([data-loading]) {
880
+ .Button-module__hop-Button--upsell___61sYX[data-disabled]:not([data-loading]) {
881
881
  --background-color: var(--hop-Button-upsell-background-color-disabled);
882
882
  --color: var(--hop-Button-upsell-color-disabled);
883
883
  --border: var(--hop-Button-upsell-border-disabled);
884
884
  }
885
- .Button-module__hop-Button--upsell___UPfK0[data-hovered]:not([data-disabled], [data-loading]),
886
- .Button-module__hop-Button--upsell___UPfK0[data-focus-visible]:not([data-disabled], [data-loading]) {
885
+ .Button-module__hop-Button--upsell___61sYX[data-hovered]:not([data-disabled], [data-loading]),
886
+ .Button-module__hop-Button--upsell___61sYX[data-focus-visible]:not([data-disabled], [data-loading]) {
887
887
  --background-color: var(--hop-Button-upsell-background-color-hover);
888
888
  --color: var(--hop-Button-upsell-color-hover);
889
889
  --border: var(--hop-Button-upsell-border-hover);
890
890
  }
891
- .Button-module__hop-Button--upsell___UPfK0[data-pressed]:not([data-loading]) {
891
+ .Button-module__hop-Button--upsell___61sYX[data-pressed]:not([data-loading]) {
892
892
  --background-color: var(--hop-Button-upsell-background-color-pressed);
893
893
  --color: var(--hop-Button-upsell-color-pressed);
894
894
  --border: var(--hop-Button-upsell-border-pressed);
895
895
  }
896
- .Button-module__hop-Button--danger___jYyiQ {
896
+ .Button-module__hop-Button--danger___AxMDH {
897
897
  --background-color: var(--hop-Button-danger-background-color);
898
898
  --color: var(--hop-Button-danger-color);
899
899
  --border: var(--hop-Button-danger-border);
900
900
  --spinner-color: var(--hop-Button-danger-spinner-color);
901
901
  }
902
- .Button-module__hop-Button--danger___jYyiQ[data-disabled]:not([data-loading]) {
902
+ .Button-module__hop-Button--danger___AxMDH[data-disabled]:not([data-loading]) {
903
903
  --background-color: var(--hop-Button-danger-background-color-disabled);
904
904
  --color: var(--hop-Button-danger-color-disabled);
905
905
  --border: var(--hop-Button-danger-border-disabled);
906
906
  }
907
- .Button-module__hop-Button--danger___jYyiQ[data-hovered]:not([data-disabled], [data-loading]),
908
- .Button-module__hop-Button--danger___jYyiQ[data-focus-visible]:not([data-disabled], [data-loading]) {
907
+ .Button-module__hop-Button--danger___AxMDH[data-hovered]:not([data-disabled], [data-loading]),
908
+ .Button-module__hop-Button--danger___AxMDH[data-focus-visible]:not([data-disabled], [data-loading]) {
909
909
  --background-color: var(--hop-Button-danger-background-color-hover);
910
910
  --color: var(--hop-Button-danger-color-hover);
911
911
  --border: var(--hop-Button-danger-border-hover);
912
912
  }
913
- .Button-module__hop-Button--danger___jYyiQ[data-pressed]:not([data-loading]) {
913
+ .Button-module__hop-Button--danger___AxMDH[data-pressed]:not([data-loading]) {
914
914
  --background-color: var(--hop-Button-danger-background-color-pressed);
915
915
  --color: var(--hop-Button-danger-color-pressed);
916
916
  --border: var(--hop-Button-danger-border-pressed);
917
917
  }
918
- .Button-module__hop-Button--ghost-primary___MHVgd {
918
+ .Button-module__hop-Button--ghost-primary___--qrr {
919
919
  --background-color: var(--hop-Button-ghost-primary-background-color);
920
920
  --color: var(--hop-Button-ghost-primary-color);
921
921
  --border: var(--hop-Button-ghost-primary-border);
922
922
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
923
923
  }
924
- .Button-module__hop-Button--ghost-primary___MHVgd[data-disabled]:not([data-loading]) {
924
+ .Button-module__hop-Button--ghost-primary___--qrr[data-disabled]:not([data-loading]) {
925
925
  --background-color: var(--hop-Button-ghost-primary-background-color-disabled);
926
926
  --color: var(--hop-Button-ghost-primary-color-disabled);
927
927
  --border: var(--hop-Button-ghost-primary-border-disabled);
928
928
  }
929
- .Button-module__hop-Button--ghost-primary___MHVgd[data-hovered]:not([data-disabled], [data-loading]),
930
- .Button-module__hop-Button--ghost-primary___MHVgd[data-focus-visible]:not([data-disabled], [data-loading]) {
929
+ .Button-module__hop-Button--ghost-primary___--qrr[data-hovered]:not([data-disabled], [data-loading]),
930
+ .Button-module__hop-Button--ghost-primary___--qrr[data-focus-visible]:not([data-disabled], [data-loading]) {
931
931
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
932
932
  --color: var(--hop-Button-ghost-primary-color-hover);
933
933
  --border: var(--hop-Button-ghost-primary-border-hover);
934
934
  }
935
- .Button-module__hop-Button--ghost-primary___MHVgd[data-pressed]:not([data-loading]) {
935
+ .Button-module__hop-Button--ghost-primary___--qrr[data-pressed]:not([data-loading]) {
936
936
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
937
937
  --color: var(--hop-Button-ghost-primary-color-pressed);
938
938
  --border: var(--hop-Button-ghost-primary-border-pressed);
939
939
  }
940
- .Button-module__hop-Button--ghost-secondary___uFHzl {
940
+ .Button-module__hop-Button--ghost-secondary___6I7vD {
941
941
  --background-color: var(--hop-Button-ghost-secondary-background-color);
942
942
  --color: var(--hop-Button-ghost-secondary-color);
943
943
  --border: var(--hop-Button-ghost-secondary-border);
944
944
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
945
945
  }
946
- .Button-module__hop-Button--ghost-secondary___uFHzl[data-disabled]:not([data-loading]) {
946
+ .Button-module__hop-Button--ghost-secondary___6I7vD[data-disabled]:not([data-loading]) {
947
947
  --background-color: var(--hop-Button-ghost-secondary-background-color-disabled);
948
948
  --color: var(--hop-Button-ghost-secondary-color-disabled);
949
949
  --border: var(--hop-Button-ghost-secondary-border-disabled);
950
950
  }
951
- .Button-module__hop-Button--ghost-secondary___uFHzl[data-hovered]:not([data-disabled], [data-loading]),
952
- .Button-module__hop-Button--ghost-secondary___uFHzl[data-focus-visible]:not([data-disabled], [data-loading]) {
951
+ .Button-module__hop-Button--ghost-secondary___6I7vD[data-hovered]:not([data-disabled], [data-loading]),
952
+ .Button-module__hop-Button--ghost-secondary___6I7vD[data-focus-visible]:not([data-disabled], [data-loading]) {
953
953
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
954
954
  --color: var(--hop-Button-ghost-secondary-color-hover);
955
955
  --border: var(--hop-Button-ghost-secondary-border-hover);
956
956
  }
957
- .Button-module__hop-Button--ghost-secondary___uFHzl[data-pressed]:not([data-loading]) {
957
+ .Button-module__hop-Button--ghost-secondary___6I7vD[data-pressed]:not([data-loading]) {
958
958
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
959
959
  --color: var(--hop-Button-ghost-secondary-color-pressed);
960
960
  --border: var(--hop-Button-ghost-secondary-border-pressed);
961
961
  }
962
- .Button-module__hop-Button--ghost-danger___wYJWN {
962
+ .Button-module__hop-Button--ghost-danger___2TdbY {
963
963
  --background-color: var(--hop-Button-ghost-danger-background-color);
964
964
  --color: var(--hop-Button-ghost-danger-color);
965
965
  --border: var(--hop-Button-ghost-danger-border);
966
966
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
967
967
  }
968
- .Button-module__hop-Button--ghost-danger___wYJWN[data-disabled]:not([data-loading]) {
968
+ .Button-module__hop-Button--ghost-danger___2TdbY[data-disabled]:not([data-loading]) {
969
969
  --background-color: var(--hop-Button-ghost-danger-background-color-disabled);
970
970
  --color: var(--hop-Button-ghost-danger-color-disabled);
971
971
  --border: var(--hop-Button-ghost-danger-border-disabled);
972
972
  }
973
- .Button-module__hop-Button--ghost-danger___wYJWN[data-hovered]:not([data-disabled], [data-loading]),
974
- .Button-module__hop-Button--ghost-danger___wYJWN[data-focus-visible]:not([data-disabled], [data-loading]) {
973
+ .Button-module__hop-Button--ghost-danger___2TdbY[data-hovered]:not([data-disabled], [data-loading]),
974
+ .Button-module__hop-Button--ghost-danger___2TdbY[data-focus-visible]:not([data-disabled], [data-loading]) {
975
975
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
976
976
  --color: var(--hop-Button-ghost-danger-color-hover);
977
977
  --border: var(--hop-Button-ghost-danger-border-hover);
978
978
  }
979
- .Button-module__hop-Button--ghost-danger___wYJWN[data-pressed]:not([data-loading]) {
979
+ .Button-module__hop-Button--ghost-danger___2TdbY[data-pressed]:not([data-loading]) {
980
980
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
981
981
  --color: var(--hop-Button-ghost-danger-color-pressed);
982
982
  --border: var(--hop-Button-ghost-danger-border-pressed);
983
983
  }
984
- .Button-module__hop-Button__Spinner___ZS3kZ {
984
+ .Button-module__hop-Button__Spinner___jwKkE {
985
985
  position: absolute;
986
986
  justify-self: center;
987
987
  color: var(--spinner-color);
988
988
  }
989
- .Button-module__hop-Button__icon___Sdj-F,
990
- .Button-module__hop-Button__icon-list___EegTX {
989
+ .Button-module__hop-Button__icon___hTxKS,
990
+ .Button-module__hop-Button__icon-list___bUhP9 {
991
991
  grid-area: start-icon;
992
992
  justify-self: end;
993
993
  }
994
- .Button-module__hop-Button__text___RmSoN {
994
+ .Button-module__hop-Button__text___hOS-u {
995
995
  user-select: none;
996
996
  overflow: visible;
997
997
  grid-area: content;
998
998
  font-weight: var(--hop-font-weight-505);
999
999
  text-wrap: nowrap;
1000
1000
  }
1001
- .Button-module__hop-Button--ghost-primary___MHVgd[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___RmSoN,
1002
- .Button-module__hop-Button--ghost-secondary___uFHzl[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___RmSoN,
1003
- .Button-module__hop-Button--ghost-danger___wYJWN[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___RmSoN,
1004
- .Button-module__hop-Button--ghost-primary___MHVgd[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___RmSoN,
1005
- .Button-module__hop-Button--ghost-secondary___uFHzl[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___RmSoN,
1006
- .Button-module__hop-Button--ghost-danger___wYJWN[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___RmSoN,
1007
- .Button-module__hop-Button--ghost-primary___MHVgd[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___RmSoN,
1008
- .Button-module__hop-Button--ghost-secondary___uFHzl[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___RmSoN,
1009
- .Button-module__hop-Button--ghost-danger___wYJWN[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___RmSoN {
1001
+ .Button-module__hop-Button--ghost-primary___--qrr[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___hOS-u,
1002
+ .Button-module__hop-Button--ghost-secondary___6I7vD[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___hOS-u,
1003
+ .Button-module__hop-Button--ghost-danger___2TdbY[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___hOS-u,
1004
+ .Button-module__hop-Button--ghost-primary___--qrr[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___hOS-u,
1005
+ .Button-module__hop-Button--ghost-secondary___6I7vD[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___hOS-u,
1006
+ .Button-module__hop-Button--ghost-danger___2TdbY[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___hOS-u,
1007
+ .Button-module__hop-Button--ghost-primary___--qrr[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___hOS-u,
1008
+ .Button-module__hop-Button--ghost-secondary___6I7vD[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___hOS-u,
1009
+ .Button-module__hop-Button--ghost-danger___2TdbY[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___hOS-u {
1010
1010
  text-decoration: underline;
1011
1011
  text-underline-offset: 0.125rem;
1012
1012
  }
1013
- .Button-module__hop-Button__end-icon___wquAL,
1014
- .Button-module__hop-Button__end-icon-list___horek {
1013
+ .Button-module__hop-Button__end-icon___groP0,
1014
+ .Button-module__hop-Button__end-icon-list___9WVoR {
1015
1015
  grid-area: end-icon;
1016
1016
  }
1017
- .Button-module__hop-Button___Fcu-c .Button-module__hop-Button__icon-list___EegTX,
1018
- .Button-module__hop-Button___Fcu-c .Button-module__hop-Button__end-icon-list___horek {
1017
+ .Button-module__hop-Button___5iBZz .Button-module__hop-Button__icon-list___bUhP9,
1018
+ .Button-module__hop-Button___5iBZz .Button-module__hop-Button__end-icon-list___9WVoR {
1019
1019
  flex-wrap: nowrap;
1020
1020
  }
1021
- .Button-module__hop-Button___Fcu-c[data-loading] > *:not(.Button-module__hop-Button__Spinner___ZS3kZ) {
1021
+ .Button-module__hop-Button___5iBZz[data-loading] > *:not(.Button-module__hop-Button__Spinner___jwKkE) {
1022
1022
  opacity: 0;
1023
1023
  }
1024
1024
 
1025
1025
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
1026
- .ButtonGroup-module__hop-ButtonGroup___kSLW4 {
1026
+ .ButtonGroup-module__hop-ButtonGroup___JA4jE {
1027
1027
  display: inline-flex;
1028
1028
  flex-wrap: nowrap;
1029
1029
  gap: var(--hop-space-inline-md);
1030
1030
  }
1031
- .ButtonGroup-module__hop-ButtonGroup--horizontal___U50CB {
1031
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___To8qm {
1032
1032
  justify-content: center;
1033
1033
  }
1034
- .ButtonGroup-module__hop-ButtonGroup--vertical___ciNua {
1034
+ .ButtonGroup-module__hop-ButtonGroup--vertical___EvODj {
1035
1035
  flex-direction: column;
1036
1036
  gap: var(--hop-space-stack-md);
1037
1037
  align-items: center;
1038
1038
  }
1039
- .ButtonGroup-module__hop-ButtonGroup--start___Y4s0m.ButtonGroup-module__hop-ButtonGroup--vertical___ciNua {
1039
+ .ButtonGroup-module__hop-ButtonGroup--start___4FWyO.ButtonGroup-module__hop-ButtonGroup--vertical___EvODj {
1040
1040
  align-items: flex-start;
1041
1041
  }
1042
- .ButtonGroup-module__hop-ButtonGroup--center___4hxxw.ButtonGroup-module__hop-ButtonGroup--vertical___ciNua {
1042
+ .ButtonGroup-module__hop-ButtonGroup--center___aMRwQ.ButtonGroup-module__hop-ButtonGroup--vertical___EvODj {
1043
1043
  align-items: center;
1044
1044
  }
1045
- .ButtonGroup-module__hop-ButtonGroup--end___7aU6K.ButtonGroup-module__hop-ButtonGroup--vertical___ciNua {
1045
+ .ButtonGroup-module__hop-ButtonGroup--end___OmblZ.ButtonGroup-module__hop-ButtonGroup--vertical___EvODj {
1046
1046
  align-items: flex-end;
1047
1047
  }
1048
- .ButtonGroup-module__hop-ButtonGroup--start___Y4s0m.ButtonGroup-module__hop-ButtonGroup--horizontal___U50CB {
1048
+ .ButtonGroup-module__hop-ButtonGroup--start___4FWyO.ButtonGroup-module__hop-ButtonGroup--horizontal___To8qm {
1049
1049
  justify-content: flex-start;
1050
1050
  }
1051
- .ButtonGroup-module__hop-ButtonGroup--center___4hxxw.ButtonGroup-module__hop-ButtonGroup--horizontal___U50CB {
1051
+ .ButtonGroup-module__hop-ButtonGroup--center___aMRwQ.ButtonGroup-module__hop-ButtonGroup--horizontal___To8qm {
1052
1052
  justify-content: center;
1053
1053
  }
1054
- .ButtonGroup-module__hop-ButtonGroup--end___7aU6K.ButtonGroup-module__hop-ButtonGroup--horizontal___U50CB {
1054
+ .ButtonGroup-module__hop-ButtonGroup--end___OmblZ.ButtonGroup-module__hop-ButtonGroup--horizontal___To8qm {
1055
1055
  justify-content: flex-end;
1056
1056
  }
1057
- .ButtonGroup-module__hop-ButtonGroup--wrap___Vjmju {
1057
+ .ButtonGroup-module__hop-ButtonGroup--wrap___IMwdh {
1058
1058
  flex-wrap: wrap;
1059
1059
  }
1060
- .ButtonGroup-module__hop-ButtonGroup--fluid___rp20- {
1060
+ .ButtonGroup-module__hop-ButtonGroup--fluid___wY5d- {
1061
1061
  inline-size: 100%;
1062
1062
  }
1063
1063
 
1064
1064
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
1065
- .EmbeddedButton-module__hop-EmbeddedButton___E0eMm {
1065
+ .EmbeddedButton-module__hop-EmbeddedButton___JYrVb {
1066
1066
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
1067
1067
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
1068
1068
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -1226,7 +1226,7 @@
1226
1226
  outline: none;
1227
1227
  transition: color var(--transition);
1228
1228
  }
1229
- .EmbeddedButton-module__hop-EmbeddedButton___E0eMm::before {
1229
+ .EmbeddedButton-module__hop-EmbeddedButton___JYrVb::before {
1230
1230
  content: "";
1231
1231
  position: absolute;
1232
1232
  inset-block-start: 50%;
@@ -1239,284 +1239,284 @@
1239
1239
  border-radius: var(--effect-border-radius);
1240
1240
  transition: background-color var(--transition);
1241
1241
  }
1242
- .EmbeddedButton-module__hop-EmbeddedButton___E0eMm[data-square] {
1242
+ .EmbeddedButton-module__hop-EmbeddedButton___JYrVb[data-square] {
1243
1243
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
1244
1244
  }
1245
- .EmbeddedButton-module__hop-EmbeddedButton--md___xkVZg {
1245
+ .EmbeddedButton-module__hop-EmbeddedButton--md___FXQRH {
1246
1246
  --inline-size: var(--hop-EmbeddedButton-md-width);
1247
1247
  --block-size: var(--hop-EmbeddedButton-md-height);
1248
1248
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
1249
1249
  }
1250
- .EmbeddedButton-module__hop-EmbeddedButton--lg___5Kav9 {
1250
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___KbeNf {
1251
1251
  --inline-size: var(--hop-EmbeddedButton-lg-width);
1252
1252
  --block-size: var(--hop-EmbeddedButton-lg-height);
1253
1253
  --focus-ring-offset: 0;
1254
1254
  }
1255
- .EmbeddedButton-module__hop-EmbeddedButton--md___xkVZg::before {
1255
+ .EmbeddedButton-module__hop-EmbeddedButton--md___FXQRH::before {
1256
1256
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
1257
1257
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
1258
1258
  }
1259
- .EmbeddedButton-module__hop-EmbeddedButton--lg___5Kav9::before {
1259
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___KbeNf::before {
1260
1260
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
1261
1261
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
1262
1262
  }
1263
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___ajUcs {
1263
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___3tbZp {
1264
1264
  --color: var(--hop-EmbeddedButton-neutral-color);
1265
1265
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
1266
1266
  }
1267
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___cwnSs {
1267
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___wg93y {
1268
1268
  --color: var(--hop-EmbeddedButton-subdued-color);
1269
1269
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
1270
1270
  }
1271
- .EmbeddedButton-module__hop-EmbeddedButton--progress___s7a7s {
1271
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___kfy-2 {
1272
1272
  --color: var(--hop-EmbeddedButton-progress-color);
1273
1273
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
1274
1274
  }
1275
- .EmbeddedButton-module__hop-EmbeddedButton--positive___LLvub {
1275
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___fln30 {
1276
1276
  --color: var(--hop-EmbeddedButton-positive-color);
1277
1277
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
1278
1278
  }
1279
- .EmbeddedButton-module__hop-EmbeddedButton--caution___bPiLi {
1279
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___uHxYx {
1280
1280
  --color: var(--hop-EmbeddedButton-caution-color);
1281
1281
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
1282
1282
  }
1283
- .EmbeddedButton-module__hop-EmbeddedButton--negative___4PTxb {
1283
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Rq7v7 {
1284
1284
  --color: var(--hop-EmbeddedButton-negative-color);
1285
1285
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
1286
1286
  }
1287
- .EmbeddedButton-module__hop-EmbeddedButton--option1___n0kJr {
1287
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___N7auw {
1288
1288
  --color: var(--hop-EmbeddedButton-option1-color);
1289
1289
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
1290
1290
  }
1291
- .EmbeddedButton-module__hop-EmbeddedButton--option2___DwiLN {
1291
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___DSgZO {
1292
1292
  --color: var(--hop-EmbeddedButton-option2-color);
1293
1293
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
1294
1294
  }
1295
- .EmbeddedButton-module__hop-EmbeddedButton--option3___n998V {
1295
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___F9UhK {
1296
1296
  --color: var(--hop-EmbeddedButton-option3-color);
1297
1297
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
1298
1298
  }
1299
- .EmbeddedButton-module__hop-EmbeddedButton--option4___8k6t0 {
1299
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___sS9kT {
1300
1300
  --color: var(--hop-EmbeddedButton-option4-color);
1301
1301
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
1302
1302
  }
1303
- .EmbeddedButton-module__hop-EmbeddedButton--option5___Eibu- {
1303
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___ZlJli {
1304
1304
  --color: var(--hop-EmbeddedButton-option5-color);
1305
1305
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
1306
1306
  }
1307
- .EmbeddedButton-module__hop-EmbeddedButton--option6___ppEiw {
1307
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___UZEwb {
1308
1308
  --color: var(--hop-EmbeddedButton-option6-color);
1309
1309
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
1310
1310
  }
1311
- .EmbeddedButton-module__hop-EmbeddedButton___E0eMm[data-selected] {
1311
+ .EmbeddedButton-module__hop-EmbeddedButton___JYrVb[data-selected] {
1312
1312
  --color: var(--hop-EmbeddedButton-selected-color);
1313
1313
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
1314
1314
  }
1315
- .EmbeddedButton-module__hop-EmbeddedButton___E0eMm[data-focus-visible] {
1315
+ .EmbeddedButton-module__hop-EmbeddedButton___JYrVb[data-focus-visible] {
1316
1316
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1317
1317
  outline-offset: var(--focus-ring-offset);
1318
1318
  }
1319
- .EmbeddedButton-module__hop-EmbeddedButton___E0eMm[data-disabled] {
1319
+ .EmbeddedButton-module__hop-EmbeddedButton___JYrVb[data-disabled] {
1320
1320
  cursor: not-allowed;
1321
1321
  }
1322
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___ajUcs[data-hovered] {
1322
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___3tbZp[data-hovered] {
1323
1323
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1324
1324
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1325
1325
  }
1326
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___ajUcs[data-focus-visible] {
1326
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___3tbZp[data-focus-visible] {
1327
1327
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1328
1328
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1329
1329
  }
1330
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___ajUcs[data-pressed] {
1330
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___3tbZp[data-pressed] {
1331
1331
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1332
1332
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1333
1333
  }
1334
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___ajUcs[data-disabled] {
1334
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___3tbZp[data-disabled] {
1335
1335
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1336
1336
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1337
1337
  }
1338
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___cwnSs[data-hovered] {
1338
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___wg93y[data-hovered] {
1339
1339
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1340
1340
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1341
1341
  }
1342
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___cwnSs[data-focus-visible] {
1342
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___wg93y[data-focus-visible] {
1343
1343
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1344
1344
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1345
1345
  }
1346
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___cwnSs[data-pressed] {
1346
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___wg93y[data-pressed] {
1347
1347
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1348
1348
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1349
1349
  }
1350
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___cwnSs[data-disabled] {
1350
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___wg93y[data-disabled] {
1351
1351
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1352
1352
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1353
1353
  }
1354
- .EmbeddedButton-module__hop-EmbeddedButton--progress___s7a7s[data-hovered] {
1354
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___kfy-2[data-hovered] {
1355
1355
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1356
1356
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1357
1357
  }
1358
- .EmbeddedButton-module__hop-EmbeddedButton--progress___s7a7s[data-focus-visible] {
1358
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___kfy-2[data-focus-visible] {
1359
1359
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1360
1360
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1361
1361
  }
1362
- .EmbeddedButton-module__hop-EmbeddedButton--progress___s7a7s[data-pressed] {
1362
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___kfy-2[data-pressed] {
1363
1363
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1364
1364
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1365
1365
  }
1366
- .EmbeddedButton-module__hop-EmbeddedButton--progress___s7a7s[data-disabled] {
1366
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___kfy-2[data-disabled] {
1367
1367
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1368
1368
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1369
1369
  }
1370
- .EmbeddedButton-module__hop-EmbeddedButton--positive___LLvub[data-hovered] {
1370
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___fln30[data-hovered] {
1371
1371
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1372
1372
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1373
1373
  }
1374
- .EmbeddedButton-module__hop-EmbeddedButton--positive___LLvub[data-focus-visible] {
1374
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___fln30[data-focus-visible] {
1375
1375
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1376
1376
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1377
1377
  }
1378
- .EmbeddedButton-module__hop-EmbeddedButton--positive___LLvub[data-pressed] {
1378
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___fln30[data-pressed] {
1379
1379
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1380
1380
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1381
1381
  }
1382
- .EmbeddedButton-module__hop-EmbeddedButton--positive___LLvub[data-disabled] {
1382
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___fln30[data-disabled] {
1383
1383
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1384
1384
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1385
1385
  }
1386
- .EmbeddedButton-module__hop-EmbeddedButton--caution___bPiLi[data-hovered] {
1386
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___uHxYx[data-hovered] {
1387
1387
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1388
1388
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1389
1389
  }
1390
- .EmbeddedButton-module__hop-EmbeddedButton--caution___bPiLi[data-focus-visible] {
1390
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___uHxYx[data-focus-visible] {
1391
1391
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1392
1392
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1393
1393
  }
1394
- .EmbeddedButton-module__hop-EmbeddedButton--caution___bPiLi[data-pressed] {
1394
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___uHxYx[data-pressed] {
1395
1395
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1396
1396
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1397
1397
  }
1398
- .EmbeddedButton-module__hop-EmbeddedButton--caution___bPiLi[data-disabled] {
1398
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___uHxYx[data-disabled] {
1399
1399
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1400
1400
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1401
1401
  }
1402
- .EmbeddedButton-module__hop-EmbeddedButton--negative___4PTxb[data-hovered] {
1402
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Rq7v7[data-hovered] {
1403
1403
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1404
1404
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1405
1405
  }
1406
- .EmbeddedButton-module__hop-EmbeddedButton--negative___4PTxb[data-focus-visible] {
1406
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Rq7v7[data-focus-visible] {
1407
1407
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1408
1408
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1409
1409
  }
1410
- .EmbeddedButton-module__hop-EmbeddedButton--negative___4PTxb[data-pressed] {
1410
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Rq7v7[data-pressed] {
1411
1411
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1412
1412
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1413
1413
  }
1414
- .EmbeddedButton-module__hop-EmbeddedButton--negative___4PTxb[data-disabled] {
1414
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___Rq7v7[data-disabled] {
1415
1415
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1416
1416
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1417
1417
  }
1418
- .EmbeddedButton-module__hop-EmbeddedButton--option1___n0kJr[data-hovered] {
1418
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___N7auw[data-hovered] {
1419
1419
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1420
1420
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1421
1421
  }
1422
- .EmbeddedButton-module__hop-EmbeddedButton--option1___n0kJr[data-focus-visible] {
1422
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___N7auw[data-focus-visible] {
1423
1423
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1424
1424
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1425
1425
  }
1426
- .EmbeddedButton-module__hop-EmbeddedButton--option1___n0kJr[data-pressed] {
1426
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___N7auw[data-pressed] {
1427
1427
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1428
1428
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1429
1429
  }
1430
- .EmbeddedButton-module__hop-EmbeddedButton--option1___n0kJr[data-disabled] {
1430
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___N7auw[data-disabled] {
1431
1431
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1432
1432
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1433
1433
  }
1434
- .EmbeddedButton-module__hop-EmbeddedButton--option2___DwiLN[data-hovered] {
1434
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___DSgZO[data-hovered] {
1435
1435
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1436
1436
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1437
1437
  }
1438
- .EmbeddedButton-module__hop-EmbeddedButton--option2___DwiLN[data-focus-visible] {
1438
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___DSgZO[data-focus-visible] {
1439
1439
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1440
1440
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1441
1441
  }
1442
- .EmbeddedButton-module__hop-EmbeddedButton--option2___DwiLN[data-pressed] {
1442
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___DSgZO[data-pressed] {
1443
1443
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1444
1444
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1445
1445
  }
1446
- .EmbeddedButton-module__hop-EmbeddedButton--option2___DwiLN[data-disabled] {
1446
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___DSgZO[data-disabled] {
1447
1447
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1448
1448
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1449
1449
  }
1450
- .EmbeddedButton-module__hop-EmbeddedButton--option3___n998V[data-hovered] {
1450
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___F9UhK[data-hovered] {
1451
1451
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1452
1452
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1453
1453
  }
1454
- .EmbeddedButton-module__hop-EmbeddedButton--option3___n998V[data-focus-visible] {
1454
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___F9UhK[data-focus-visible] {
1455
1455
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1456
1456
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1457
1457
  }
1458
- .EmbeddedButton-module__hop-EmbeddedButton--option3___n998V[data-pressed] {
1458
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___F9UhK[data-pressed] {
1459
1459
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1460
1460
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1461
1461
  }
1462
- .EmbeddedButton-module__hop-EmbeddedButton--option3___n998V[data-disabled] {
1462
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___F9UhK[data-disabled] {
1463
1463
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1464
1464
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1465
1465
  }
1466
- .EmbeddedButton-module__hop-EmbeddedButton--option4___8k6t0[data-hovered] {
1466
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___sS9kT[data-hovered] {
1467
1467
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1468
1468
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1469
1469
  }
1470
- .EmbeddedButton-module__hop-EmbeddedButton--option4___8k6t0[data-focus-visible] {
1470
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___sS9kT[data-focus-visible] {
1471
1471
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1472
1472
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1473
1473
  }
1474
- .EmbeddedButton-module__hop-EmbeddedButton--option4___8k6t0[data-pressed] {
1474
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___sS9kT[data-pressed] {
1475
1475
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1476
1476
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1477
1477
  }
1478
- .EmbeddedButton-module__hop-EmbeddedButton--option4___8k6t0[data-disabled] {
1478
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___sS9kT[data-disabled] {
1479
1479
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1480
1480
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1481
1481
  }
1482
- .EmbeddedButton-module__hop-EmbeddedButton--option5___Eibu-[data-hovered] {
1482
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___ZlJli[data-hovered] {
1483
1483
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1484
1484
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1485
1485
  }
1486
- .EmbeddedButton-module__hop-EmbeddedButton--option5___Eibu-[data-focus-visible] {
1486
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___ZlJli[data-focus-visible] {
1487
1487
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1488
1488
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1489
1489
  }
1490
- .EmbeddedButton-module__hop-EmbeddedButton--option5___Eibu-[data-pressed] {
1490
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___ZlJli[data-pressed] {
1491
1491
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1492
1492
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1493
1493
  }
1494
- .EmbeddedButton-module__hop-EmbeddedButton--option5___Eibu-[data-disabled] {
1494
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___ZlJli[data-disabled] {
1495
1495
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1496
1496
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1497
1497
  }
1498
- .EmbeddedButton-module__hop-EmbeddedButton--option6___ppEiw[data-hovered] {
1498
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___UZEwb[data-hovered] {
1499
1499
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1500
1500
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1501
1501
  }
1502
- .EmbeddedButton-module__hop-EmbeddedButton--option6___ppEiw[data-focus-visible] {
1502
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___UZEwb[data-focus-visible] {
1503
1503
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1504
1504
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1505
1505
  }
1506
- .EmbeddedButton-module__hop-EmbeddedButton--option6___ppEiw[data-pressed] {
1506
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___UZEwb[data-pressed] {
1507
1507
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1508
1508
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1509
1509
  }
1510
- .EmbeddedButton-module__hop-EmbeddedButton--option6___ppEiw[data-disabled] {
1510
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___UZEwb[data-disabled] {
1511
1511
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1512
1512
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1513
1513
  }
1514
- .EmbeddedButton-module__hop-EmbeddedButton__icon___f6Xg9 {
1514
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___rRXsh {
1515
1515
  position: relative;
1516
1516
  }
1517
1517
 
1518
1518
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/Tag.module.css/#css-module-data */
1519
- .Tag-module__hop-Tag___FA-hF {
1519
+ .Tag-module__hop-Tag___wrsI2 {
1520
1520
  --hop-Tag-border-size: 0.0625rem;
1521
1521
  --hop-Tag-border-radius: var(--hop-shape-pill);
1522
1522
  --hop-Tag-sm-block-size: 1.25rem;
@@ -1755,7 +1755,7 @@
1755
1755
  outline: none;
1756
1756
  outline-offset: 0.125rem;
1757
1757
  }
1758
- .Tag-module__hop-Tag--sm___wdoiY {
1758
+ .Tag-module__hop-Tag--sm___EMjuF {
1759
1759
  --block-size: var(--hop-Tag-sm-block-size);
1760
1760
  --padding-inline: var(--hop-Tag-sm-padding-inline);
1761
1761
  --column-gap: var(--hop-Tag-sm-column-gap);
@@ -1763,13 +1763,13 @@
1763
1763
  --avatar-margin-inline-start: var(--hop-Tag-sm-avatar-margin-inline-start);
1764
1764
  --spinner-margin-inline-end: var(--hop-Tag-sm-spinner-margin-inline-end);
1765
1765
  }
1766
- .Tag-module__hop-Tag--sm___wdoiY:not(:has(.Tag-module__hop-Tag__remove-btn___-nFZL, .Tag-module__hop-Tag__Spinner___bjUFw)) {
1766
+ .Tag-module__hop-Tag--sm___EMjuF:not(:has(.Tag-module__hop-Tag__remove-btn___glszt, .Tag-module__hop-Tag__Spinner___uRNq3)) {
1767
1767
  --badge-margin-inline-end: var(--hop-Tag-sm-badge-margin-inline-end);
1768
1768
  }
1769
- .Tag-module__hop-Tag--sm___wdoiY:not(:has(.Tag-module__hop-Tag__avatar___J84Ob)) {
1769
+ .Tag-module__hop-Tag--sm___EMjuF:not(:has(.Tag-module__hop-Tag__avatar___UuAeT)) {
1770
1770
  --icon-margin-inline-start: var(--hop-Tag-sm-icon-margin-inline-start);
1771
1771
  }
1772
- .Tag-module__hop-Tag--md___-JJUY {
1772
+ .Tag-module__hop-Tag--md___HsCiJ {
1773
1773
  --block-size: var(--hop-Tag-md-block-size);
1774
1774
  --padding-inline: var(--hop-Tag-md-padding-inline);
1775
1775
  --column-gap: var(--hop-Tag-md-column-gap);
@@ -1777,13 +1777,13 @@
1777
1777
  --avatar-margin-inline-start: var(--hop-Tag-md-avatar-margin-inline-start);
1778
1778
  --spinner-margin-inline-end: var(--hop-Tag-md-spinner-margin-inline-end);
1779
1779
  }
1780
- .Tag-module__hop-Tag--md___-JJUY:not(:has(.Tag-module__hop-Tag__remove-btn___-nFZL, .Tag-module__hop-Tag__Spinner___bjUFw)) {
1780
+ .Tag-module__hop-Tag--md___HsCiJ:not(:has(.Tag-module__hop-Tag__remove-btn___glszt, .Tag-module__hop-Tag__Spinner___uRNq3)) {
1781
1781
  --badge-margin-inline-end: var(--hop-Tag-md-badge-margin-inline-end);
1782
1782
  }
1783
- .Tag-module__hop-Tag--md___-JJUY:not(:has(.Tag-module__hop-Tag__avatar___J84Ob)) {
1783
+ .Tag-module__hop-Tag--md___HsCiJ:not(:has(.Tag-module__hop-Tag__avatar___UuAeT)) {
1784
1784
  --icon-margin-inline-start: var(--hop-Tag-md-icon-margin-inline-start);
1785
1785
  }
1786
- .Tag-module__hop-Tag--lg___FOQpI {
1786
+ .Tag-module__hop-Tag--lg___Vxt4s {
1787
1787
  --block-size: var(--hop-Tag-lg-block-size);
1788
1788
  --padding-inline: var(--hop-Tag-lg-padding-inline);
1789
1789
  --column-gap: var(--hop-Tag-lg-column-gap);
@@ -1791,348 +1791,348 @@
1791
1791
  --avatar-margin-inline-start: var(--hop-Tag-lg-avatar-margin-inline-start);
1792
1792
  --spinner-margin-inline-end: var(--hop-Tag-lg-spinner-margin-inline-end);
1793
1793
  }
1794
- .Tag-module__hop-Tag--lg___FOQpI:not(:has(.Tag-module__hop-Tag__remove-btn___-nFZL, .Tag-module__hop-Tag__Spinner___bjUFw)) {
1794
+ .Tag-module__hop-Tag--lg___Vxt4s:not(:has(.Tag-module__hop-Tag__remove-btn___glszt, .Tag-module__hop-Tag__Spinner___uRNq3)) {
1795
1795
  --badge-margin-inline-end: var(--hop-Tag-lg-badge-margin-inline-end);
1796
1796
  }
1797
- .Tag-module__hop-Tag--lg___FOQpI:not(:has(.Tag-module__hop-Tag__avatar___J84Ob)) {
1797
+ .Tag-module__hop-Tag--lg___Vxt4s:not(:has(.Tag-module__hop-Tag__avatar___UuAeT)) {
1798
1798
  --icon-margin-inline-start: var(--hop-Tag-lg-icon-margin-inline-start);
1799
1799
  }
1800
- .Tag-module__hop-Tag--neutral___W20ol {
1800
+ .Tag-module__hop-Tag--neutral___J3qNi {
1801
1801
  --border-color: var(--hop-Tag-neutral-border-color);
1802
1802
  --background-color: var(--hop-Tag-neutral-background-color);
1803
1803
  --text-color: var(--hop-Tag-neutral-text-color);
1804
1804
  }
1805
- .Tag-module__hop-Tag--subdued___82nmZ {
1805
+ .Tag-module__hop-Tag--subdued___apt4G {
1806
1806
  --border-color: var(--hop-Tag-subdued-border-color);
1807
1807
  --background-color: var(--hop-Tag-subdued-background-color);
1808
1808
  --text-color: var(--hop-Tag-subdued-text-color);
1809
1809
  }
1810
- .Tag-module__hop-Tag--progress___YRBfG {
1810
+ .Tag-module__hop-Tag--progress___5cBAK {
1811
1811
  --border-color: var(--hop-Tag-progress-border-color);
1812
1812
  --background-color: var(--hop-Tag-progress-background-color);
1813
1813
  --text-color: var(--hop-Tag-progress-text-color);
1814
1814
  }
1815
- .Tag-module__hop-Tag--positive___o5Li- {
1815
+ .Tag-module__hop-Tag--positive___gutPg {
1816
1816
  --border-color: var(--hop-Tag-positive-border-color);
1817
1817
  --background-color: var(--hop-Tag-positive-background-color);
1818
1818
  --text-color: var(--hop-Tag-positive-text-color);
1819
1819
  }
1820
- .Tag-module__hop-Tag--caution___iRVUR {
1820
+ .Tag-module__hop-Tag--caution___6VCAy {
1821
1821
  --border-color: var(--hop-Tag-caution-border-color);
1822
1822
  --background-color: var(--hop-Tag-caution-background-color);
1823
1823
  --text-color: var(--hop-Tag-caution-text-color);
1824
1824
  }
1825
- .Tag-module__hop-Tag--negative___-qFKe {
1825
+ .Tag-module__hop-Tag--negative___c-4ot {
1826
1826
  --border-color: var(--hop-Tag-negative-border-color);
1827
1827
  --background-color: var(--hop-Tag-negative-background-color);
1828
1828
  --text-color: var(--hop-Tag-negative-text-color);
1829
1829
  }
1830
- .Tag-module__hop-Tag--option1___fVXwS {
1830
+ .Tag-module__hop-Tag--option1___fl99g {
1831
1831
  --border-color: var(--hop-Tag-option1-border-color);
1832
1832
  --background-color: var(--hop-Tag-option1-background-color);
1833
1833
  --text-color: var(--hop-Tag-option1-text-color);
1834
1834
  }
1835
- .Tag-module__hop-Tag--option2___k7stP {
1835
+ .Tag-module__hop-Tag--option2___pv4-t {
1836
1836
  --border-color: var(--hop-Tag-option2-border-color);
1837
1837
  --background-color: var(--hop-Tag-option2-background-color);
1838
1838
  --text-color: var(--hop-Tag-option2-text-color);
1839
1839
  }
1840
- .Tag-module__hop-Tag--option3___em9d9 {
1840
+ .Tag-module__hop-Tag--option3___ST2tu {
1841
1841
  --border-color: var(--hop-Tag-option3-border-color);
1842
1842
  --background-color: var(--hop-Tag-option3-background-color);
1843
1843
  --text-color: var(--hop-Tag-option3-text-color);
1844
1844
  }
1845
- .Tag-module__hop-Tag--option4___B0JOH {
1845
+ .Tag-module__hop-Tag--option4___92Otc {
1846
1846
  --border-color: var(--hop-Tag-option4-border-color);
1847
1847
  --background-color: var(--hop-Tag-option4-background-color);
1848
1848
  --text-color: var(--hop-Tag-option4-text-color);
1849
1849
  }
1850
- .Tag-module__hop-Tag--option5___yWfHM {
1850
+ .Tag-module__hop-Tag--option5___o-9Gw {
1851
1851
  --border-color: var(--hop-Tag-option5-border-color);
1852
1852
  --background-color: var(--hop-Tag-option5-background-color);
1853
1853
  --text-color: var(--hop-Tag-option5-text-color);
1854
1854
  }
1855
- .Tag-module__hop-Tag--option6___sY9ih {
1855
+ .Tag-module__hop-Tag--option6___mjNo5 {
1856
1856
  --border-color: var(--hop-Tag-option6-border-color);
1857
1857
  --background-color: var(--hop-Tag-option6-background-color);
1858
1858
  --text-color: var(--hop-Tag-option6-text-color);
1859
1859
  }
1860
- .Tag-module__hop-Tag___FA-hF[data-href] {
1860
+ .Tag-module__hop-Tag___wrsI2[data-href] {
1861
1861
  cursor: pointer;
1862
1862
  }
1863
- .Tag-module__hop-Tag--neutral___W20ol[data-focus-visible] {
1863
+ .Tag-module__hop-Tag--neutral___J3qNi[data-focus-visible] {
1864
1864
  --border-color: var(--hop-Tag-neutral-border-color-focus);
1865
1865
  --background-color: var(--hop-Tag-neutral-background-color-focus);
1866
1866
  --text-color: var(--hop-Tag-neutral-text-color-focus);
1867
1867
  }
1868
- .Tag-module__hop-Tag--neutral___W20ol[data-hovered] {
1868
+ .Tag-module__hop-Tag--neutral___J3qNi[data-hovered] {
1869
1869
  --border-color: var(--hop-Tag-neutral-border-color-hover);
1870
1870
  --background-color: var(--hop-Tag-neutral-background-color-hover);
1871
1871
  --text-color: var(--hop-Tag-neutral-text-color-hover);
1872
1872
  }
1873
- .Tag-module__hop-Tag--neutral___W20ol[data-pressed] {
1873
+ .Tag-module__hop-Tag--neutral___J3qNi[data-pressed] {
1874
1874
  --border-color: var(--hop-Tag-neutral-border-color-press);
1875
1875
  --background-color: var(--hop-Tag-neutral-background-color-press);
1876
1876
  --text-color: var(--hop-Tag-neutral-text-color-press);
1877
1877
  }
1878
- .Tag-module__hop-Tag--neutral___W20ol[data-disabled] {
1878
+ .Tag-module__hop-Tag--neutral___J3qNi[data-disabled] {
1879
1879
  --border-color: var(--hop-Tag-neutral-border-color-disabled);
1880
1880
  --background-color: var(--hop-Tag-neutral-background-color-disabled);
1881
1881
  --text-color: var(--hop-Tag-neutral-text-color-disabled);
1882
1882
  }
1883
- .Tag-module__hop-Tag--subdued___82nmZ[data-focus-visible] {
1883
+ .Tag-module__hop-Tag--subdued___apt4G[data-focus-visible] {
1884
1884
  --border-color: var(--hop-Tag-subdued-border-color-focus);
1885
1885
  --background-color: var(--hop-Tag-subdued-background-color-focus);
1886
1886
  --text-color: var(--hop-Tag-subdued-text-color-focus);
1887
1887
  }
1888
- .Tag-module__hop-Tag--subdued___82nmZ[data-hovered] {
1888
+ .Tag-module__hop-Tag--subdued___apt4G[data-hovered] {
1889
1889
  --border-color: var(--hop-Tag-subdued-border-color-hover);
1890
1890
  --background-color: var(--hop-Tag-subdued-background-color-hover);
1891
1891
  --text-color: var(--hop-Tag-subdued-text-color-hover);
1892
1892
  }
1893
- .Tag-module__hop-Tag--subdued___82nmZ[data-pressed] {
1893
+ .Tag-module__hop-Tag--subdued___apt4G[data-pressed] {
1894
1894
  --border-color: var(--hop-Tag-subdued-border-color-press);
1895
1895
  --background-color: var(--hop-Tag-subdued-background-color-press);
1896
1896
  --text-color: var(--hop-Tag-subdued-text-color-press);
1897
1897
  }
1898
- .Tag-module__hop-Tag--subdued___82nmZ[data-disabled] {
1898
+ .Tag-module__hop-Tag--subdued___apt4G[data-disabled] {
1899
1899
  --border-color: var(--hop-Tag-subdued-border-color-disabled);
1900
1900
  --background-color: var(--hop-Tag-subdued-background-color-disabled);
1901
1901
  --text-color: var(--hop-Tag-subdued-text-color-disabled);
1902
1902
  }
1903
- .Tag-module__hop-Tag--progress___YRBfG[data-focus-visible] {
1903
+ .Tag-module__hop-Tag--progress___5cBAK[data-focus-visible] {
1904
1904
  --border-color: var(--hop-Tag-progress-border-color-focus);
1905
1905
  --background-color: var(--hop-Tag-progress-background-color-focus);
1906
1906
  --text-color: var(--hop-Tag-progress-text-color-focus);
1907
1907
  }
1908
- .Tag-module__hop-Tag--progress___YRBfG[data-hovered] {
1908
+ .Tag-module__hop-Tag--progress___5cBAK[data-hovered] {
1909
1909
  --border-color: var(--hop-Tag-progress-border-color-hover);
1910
1910
  --background-color: var(--hop-Tag-progress-background-color-hover);
1911
1911
  --text-color: var(--hop-Tag-progress-text-color-hover);
1912
1912
  }
1913
- .Tag-module__hop-Tag--progress___YRBfG[data-pressed] {
1913
+ .Tag-module__hop-Tag--progress___5cBAK[data-pressed] {
1914
1914
  --border-color: var(--hop-Tag-progress-border-color-press);
1915
1915
  --background-color: var(--hop-Tag-progress-background-color-press);
1916
1916
  --text-color: var(--hop-Tag-progress-text-color-press);
1917
1917
  }
1918
- .Tag-module__hop-Tag--progress___YRBfG[data-disabled] {
1918
+ .Tag-module__hop-Tag--progress___5cBAK[data-disabled] {
1919
1919
  --border-color: var(--hop-Tag-progress-border-color-disabled);
1920
1920
  --background-color: var(--hop-Tag-progress-background-color-disabled);
1921
1921
  --text-color: var(--hop-Tag-progress-text-color-disabled);
1922
1922
  }
1923
- .Tag-module__hop-Tag--positive___o5Li-[data-focus-visible] {
1923
+ .Tag-module__hop-Tag--positive___gutPg[data-focus-visible] {
1924
1924
  --border-color: var(--hop-Tag-positive-border-color-focus);
1925
1925
  --background-color: var(--hop-Tag-positive-background-color-focus);
1926
1926
  --text-color: var(--hop-Tag-positive-text-color-focus);
1927
1927
  }
1928
- .Tag-module__hop-Tag--positive___o5Li-[data-hovered] {
1928
+ .Tag-module__hop-Tag--positive___gutPg[data-hovered] {
1929
1929
  --border-color: var(--hop-Tag-positive-border-color-hover);
1930
1930
  --background-color: var(--hop-Tag-positive-background-color-hover);
1931
1931
  --text-color: var(--hop-Tag-positive-text-color-hover);
1932
1932
  }
1933
- .Tag-module__hop-Tag--positive___o5Li-[data-pressed] {
1933
+ .Tag-module__hop-Tag--positive___gutPg[data-pressed] {
1934
1934
  --border-color: var(--hop-Tag-positive-border-color-press);
1935
1935
  --background-color: var(--hop-Tag-positive-background-color-press);
1936
1936
  --text-color: var(--hop-Tag-positive-text-color-press);
1937
1937
  }
1938
- .Tag-module__hop-Tag--positive___o5Li-[data-disabled] {
1938
+ .Tag-module__hop-Tag--positive___gutPg[data-disabled] {
1939
1939
  --border-color: var(--hop-Tag-positive-border-color-disabled);
1940
1940
  --background-color: var(--hop-Tag-positive-background-color-disabled);
1941
1941
  --text-color: var(--hop-Tag-positive-text-color-disabled);
1942
1942
  }
1943
- .Tag-module__hop-Tag--caution___iRVUR[data-focus-visible] {
1943
+ .Tag-module__hop-Tag--caution___6VCAy[data-focus-visible] {
1944
1944
  --border-color: var(--hop-Tag-caution-border-color-focus);
1945
1945
  --background-color: var(--hop-Tag-caution-background-color-focus);
1946
1946
  --text-color: var(--hop-Tag-caution-text-color-focus);
1947
1947
  }
1948
- .Tag-module__hop-Tag--caution___iRVUR[data-hovered] {
1948
+ .Tag-module__hop-Tag--caution___6VCAy[data-hovered] {
1949
1949
  --border-color: var(--hop-Tag-caution-border-color-hover);
1950
1950
  --background-color: var(--hop-Tag-caution-background-color-hover);
1951
1951
  --text-color: var(--hop-Tag-caution-text-color-hover);
1952
1952
  }
1953
- .Tag-module__hop-Tag--caution___iRVUR[data-pressed] {
1953
+ .Tag-module__hop-Tag--caution___6VCAy[data-pressed] {
1954
1954
  --border-color: var(--hop-Tag-caution-border-color-press);
1955
1955
  --background-color: var(--hop-Tag-caution-background-color-press);
1956
1956
  --text-color: var(--hop-Tag-caution-text-color-press);
1957
1957
  }
1958
- .Tag-module__hop-Tag--caution___iRVUR[data-disabled] {
1958
+ .Tag-module__hop-Tag--caution___6VCAy[data-disabled] {
1959
1959
  --border-color: var(--hop-Tag-caution-border-color-disabled);
1960
1960
  --background-color: var(--hop-Tag-caution-background-color-disabled);
1961
1961
  --text-color: var(--hop-Tag-caution-text-color-disabled);
1962
1962
  }
1963
- .Tag-module__hop-Tag--negative___-qFKe[data-focus-visible] {
1963
+ .Tag-module__hop-Tag--negative___c-4ot[data-focus-visible] {
1964
1964
  --border-color: var(--hop-Tag-negative-border-color-focus);
1965
1965
  --background-color: var(--hop-Tag-negative-background-color-focus);
1966
1966
  --text-color: var(--hop-Tag-negative-text-color-focus);
1967
1967
  }
1968
- .Tag-module__hop-Tag--negative___-qFKe[data-hovered] {
1968
+ .Tag-module__hop-Tag--negative___c-4ot[data-hovered] {
1969
1969
  --border-color: var(--hop-Tag-negative-border-color-hover);
1970
1970
  --background-color: var(--hop-Tag-negative-background-color-hover);
1971
1971
  --text-color: var(--hop-Tag-negative-text-color-hover);
1972
1972
  }
1973
- .Tag-module__hop-Tag--negative___-qFKe[data-pressed] {
1973
+ .Tag-module__hop-Tag--negative___c-4ot[data-pressed] {
1974
1974
  --border-color: var(--hop-Tag-negative-border-color-press);
1975
1975
  --background-color: var(--hop-Tag-negative-background-color-press);
1976
1976
  --text-color: var(--hop-Tag-negative-text-color-press);
1977
1977
  }
1978
- .Tag-module__hop-Tag--negative___-qFKe[data-disabled] {
1978
+ .Tag-module__hop-Tag--negative___c-4ot[data-disabled] {
1979
1979
  --border-color: var(--hop-Tag-negative-border-color-disabled);
1980
1980
  --background-color: var(--hop-Tag-negative-background-color-disabled);
1981
1981
  --text-color: var(--hop-Tag-negative-text-color-disabled);
1982
1982
  }
1983
- .Tag-module__hop-Tag--option1___fVXwS[data-focus-visible] {
1983
+ .Tag-module__hop-Tag--option1___fl99g[data-focus-visible] {
1984
1984
  --border-color: var(--hop-Tag-option1-border-color-focus);
1985
1985
  --background-color: var(--hop-Tag-option1-background-color-focus);
1986
1986
  --text-color: var(--hop-Tag-option1-text-color-focus);
1987
1987
  }
1988
- .Tag-module__hop-Tag--option1___fVXwS[data-hovered] {
1988
+ .Tag-module__hop-Tag--option1___fl99g[data-hovered] {
1989
1989
  --border-color: var(--hop-Tag-option1-border-color-hover);
1990
1990
  --background-color: var(--hop-Tag-option1-background-color-hover);
1991
1991
  --text-color: var(--hop-Tag-option1-text-color-hover);
1992
1992
  }
1993
- .Tag-module__hop-Tag--option1___fVXwS[data-pressed] {
1993
+ .Tag-module__hop-Tag--option1___fl99g[data-pressed] {
1994
1994
  --border-color: var(--hop-Tag-option1-border-color-press);
1995
1995
  --background-color: var(--hop-Tag-option1-background-color-press);
1996
1996
  --text-color: var(--hop-Tag-option1-text-color-press);
1997
1997
  }
1998
- .Tag-module__hop-Tag--option1___fVXwS[data-disabled] {
1998
+ .Tag-module__hop-Tag--option1___fl99g[data-disabled] {
1999
1999
  --border-color: var(--hop-Tag-option1-border-color-disabled);
2000
2000
  --background-color: var(--hop-Tag-option1-background-color-disabled);
2001
2001
  --text-color: var(--hop-Tag-option1-text-color-disabled);
2002
2002
  }
2003
- .Tag-module__hop-Tag--option2___k7stP[data-focus-visible] {
2003
+ .Tag-module__hop-Tag--option2___pv4-t[data-focus-visible] {
2004
2004
  --border-color: var(--hop-Tag-option2-border-color-focus);
2005
2005
  --background-color: var(--hop-Tag-option2-background-color-focus);
2006
2006
  --text-color: var(--hop-Tag-option2-text-color-focus);
2007
2007
  }
2008
- .Tag-module__hop-Tag--option2___k7stP[data-hovered] {
2008
+ .Tag-module__hop-Tag--option2___pv4-t[data-hovered] {
2009
2009
  --border-color: var(--hop-Tag-option2-border-color-hover);
2010
2010
  --background-color: var(--hop-Tag-option2-background-color-hover);
2011
2011
  --text-color: var(--hop-Tag-option2-text-color-hover);
2012
2012
  }
2013
- .Tag-module__hop-Tag--option2___k7stP[data-pressed] {
2013
+ .Tag-module__hop-Tag--option2___pv4-t[data-pressed] {
2014
2014
  --border-color: var(--hop-Tag-option2-border-color-press);
2015
2015
  --background-color: var(--hop-Tag-option2-background-color-press);
2016
2016
  --text-color: var(--hop-Tag-option2-text-color-press);
2017
2017
  }
2018
- .Tag-module__hop-Tag--option2___k7stP[data-disabled] {
2018
+ .Tag-module__hop-Tag--option2___pv4-t[data-disabled] {
2019
2019
  --border-color: var(--hop-Tag-option2-border-color-disabled);
2020
2020
  --background-color: var(--hop-Tag-option2-background-color-disabled);
2021
2021
  --text-color: var(--hop-Tag-option2-text-color-disabled);
2022
2022
  }
2023
- .Tag-module__hop-Tag--option3___em9d9[data-focus-visible] {
2023
+ .Tag-module__hop-Tag--option3___ST2tu[data-focus-visible] {
2024
2024
  --border-color: var(--hop-Tag-option3-border-color-focus);
2025
2025
  --background-color: var(--hop-Tag-option3-background-color-focus);
2026
2026
  --text-color: var(--hop-Tag-option3-text-color-focus);
2027
2027
  }
2028
- .Tag-module__hop-Tag--option3___em9d9[data-hovered] {
2028
+ .Tag-module__hop-Tag--option3___ST2tu[data-hovered] {
2029
2029
  --border-color: var(--hop-Tag-option3-border-color-hover);
2030
2030
  --background-color: var(--hop-Tag-option3-background-color-hover);
2031
2031
  --text-color: var(--hop-Tag-option3-text-color-hover);
2032
2032
  }
2033
- .Tag-module__hop-Tag--option3___em9d9[data-pressed] {
2033
+ .Tag-module__hop-Tag--option3___ST2tu[data-pressed] {
2034
2034
  --border-color: var(--hop-Tag-option3-border-color-press);
2035
2035
  --background-color: var(--hop-Tag-option3-background-color-press);
2036
2036
  --text-color: var(--hop-Tag-option3-text-color-press);
2037
2037
  }
2038
- .Tag-module__hop-Tag--option3___em9d9[data-disabled] {
2038
+ .Tag-module__hop-Tag--option3___ST2tu[data-disabled] {
2039
2039
  --border-color: var(--hop-Tag-option3-border-color-disabled);
2040
2040
  --background-color: var(--hop-Tag-option3-background-color-disabled);
2041
2041
  --text-color: var(--hop-Tag-option3-text-color-disabled);
2042
2042
  }
2043
- .Tag-module__hop-Tag--option4___B0JOH[data-focus-visible] {
2043
+ .Tag-module__hop-Tag--option4___92Otc[data-focus-visible] {
2044
2044
  --border-color: var(--hop-Tag-option4-border-color-focus);
2045
2045
  --background-color: var(--hop-Tag-option4-background-color-focus);
2046
2046
  --text-color: var(--hop-Tag-option4-text-color-focus);
2047
2047
  }
2048
- .Tag-module__hop-Tag--option4___B0JOH[data-hovered] {
2048
+ .Tag-module__hop-Tag--option4___92Otc[data-hovered] {
2049
2049
  --border-color: var(--hop-Tag-option4-border-color-hover);
2050
2050
  --background-color: var(--hop-Tag-option4-background-color-hover);
2051
2051
  --text-color: var(--hop-Tag-option4-text-color-hover);
2052
2052
  }
2053
- .Tag-module__hop-Tag--option4___B0JOH[data-pressed] {
2053
+ .Tag-module__hop-Tag--option4___92Otc[data-pressed] {
2054
2054
  --border-color: var(--hop-Tag-option4-border-color-press);
2055
2055
  --background-color: var(--hop-Tag-option4-background-color-press);
2056
2056
  --text-color: var(--hop-Tag-option4-text-color-press);
2057
2057
  }
2058
- .Tag-module__hop-Tag--option4___B0JOH[data-disabled] {
2058
+ .Tag-module__hop-Tag--option4___92Otc[data-disabled] {
2059
2059
  --border-color: var(--hop-Tag-option4-border-color-disabled);
2060
2060
  --background-color: var(--hop-Tag-option4-background-color-disabled);
2061
2061
  --text-color: var(--hop-Tag-option4-text-color-disabled);
2062
2062
  }
2063
- .Tag-module__hop-Tag--option5___yWfHM[data-focus-visible] {
2063
+ .Tag-module__hop-Tag--option5___o-9Gw[data-focus-visible] {
2064
2064
  --border-color: var(--hop-Tag-option5-border-color-focus);
2065
2065
  --background-color: var(--hop-Tag-option5-background-color-focus);
2066
2066
  --text-color: var(--hop-Tag-option5-text-color-focus);
2067
2067
  }
2068
- .Tag-module__hop-Tag--option5___yWfHM[data-hovered] {
2068
+ .Tag-module__hop-Tag--option5___o-9Gw[data-hovered] {
2069
2069
  --border-color: var(--hop-Tag-option5-border-color-hover);
2070
2070
  --background-color: var(--hop-Tag-option5-background-color-hover);
2071
2071
  --text-color: var(--hop-Tag-option5-text-color-hover);
2072
2072
  }
2073
- .Tag-module__hop-Tag--option5___yWfHM[data-pressed] {
2073
+ .Tag-module__hop-Tag--option5___o-9Gw[data-pressed] {
2074
2074
  --border-color: var(--hop-Tag-option5-border-color-press);
2075
2075
  --background-color: var(--hop-Tag-option5-background-color-press);
2076
2076
  --text-color: var(--hop-Tag-option5-text-color-press);
2077
2077
  }
2078
- .Tag-module__hop-Tag--option5___yWfHM[data-disabled] {
2078
+ .Tag-module__hop-Tag--option5___o-9Gw[data-disabled] {
2079
2079
  --border-color: var(--hop-Tag-option5-border-color-disabled);
2080
2080
  --background-color: var(--hop-Tag-option5-background-color-disabled);
2081
2081
  --text-color: var(--hop-Tag-option5-text-color-disabled);
2082
2082
  }
2083
- .Tag-module__hop-Tag--option6___sY9ih[data-focus-visible] {
2083
+ .Tag-module__hop-Tag--option6___mjNo5[data-focus-visible] {
2084
2084
  --border-color: var(--hop-Tag-option6-border-color-focus);
2085
2085
  --background-color: var(--hop-Tag-option6-background-color-focus);
2086
2086
  --text-color: var(--hop-Tag-option6-text-color-focus);
2087
2087
  }
2088
- .Tag-module__hop-Tag--option6___sY9ih[data-hovered] {
2088
+ .Tag-module__hop-Tag--option6___mjNo5[data-hovered] {
2089
2089
  --border-color: var(--hop-Tag-option6-border-color-hover);
2090
2090
  --background-color: var(--hop-Tag-option6-background-color-hover);
2091
2091
  --text-color: var(--hop-Tag-option6-text-color-hover);
2092
2092
  }
2093
- .Tag-module__hop-Tag--option6___sY9ih[data-pressed] {
2093
+ .Tag-module__hop-Tag--option6___mjNo5[data-pressed] {
2094
2094
  --border-color: var(--hop-Tag-option6-border-color-press);
2095
2095
  --background-color: var(--hop-Tag-option6-background-color-press);
2096
2096
  --text-color: var(--hop-Tag-option6-text-color-press);
2097
2097
  }
2098
- .Tag-module__hop-Tag--option6___sY9ih[data-disabled] {
2098
+ .Tag-module__hop-Tag--option6___mjNo5[data-disabled] {
2099
2099
  --border-color: var(--hop-Tag-option6-border-color-disabled);
2100
2100
  --background-color: var(--hop-Tag-option6-background-color-disabled);
2101
2101
  --text-color: var(--hop-Tag-option6-text-color-disabled);
2102
2102
  }
2103
- .Tag-module__hop-Tag___FA-hF[data-focus-visible] {
2103
+ .Tag-module__hop-Tag___wrsI2[data-focus-visible] {
2104
2104
  outline: 0.125rem solid var(--focus-ring-color);
2105
2105
  }
2106
- .Tag-module__hop-Tag___FA-hF[data-hovered] {
2106
+ .Tag-module__hop-Tag___wrsI2[data-hovered] {
2107
2107
  cursor: pointer;
2108
2108
  }
2109
- .Tag-module__hop-Tag___FA-hF[data-selected] {
2109
+ .Tag-module__hop-Tag___wrsI2[data-selected] {
2110
2110
  --background-color: var(--hop-Tag-background-color-selected);
2111
2111
  --border-color: var(--hop-Tag-border-color-selected);
2112
2112
  --text-color: var(--hop-Tag-text-color-selected);
2113
2113
  }
2114
- .Tag-module__hop-Tag___FA-hF[data-pressed] {
2114
+ .Tag-module__hop-Tag___wrsI2[data-pressed] {
2115
2115
  cursor: pointer;
2116
2116
  }
2117
- .Tag-module__hop-Tag___FA-hF[data-invalid] {
2117
+ .Tag-module__hop-Tag___wrsI2[data-invalid] {
2118
2118
  --border-color: var(--hop-Tag-border-color-invalid);
2119
2119
  }
2120
- .Tag-module__hop-Tag___FA-hF[data-disabled] {
2120
+ .Tag-module__hop-Tag___wrsI2[data-disabled] {
2121
2121
  cursor: not-allowed;
2122
2122
  }
2123
- .Tag-module__hop-Tag__avatar___J84Ob {
2123
+ .Tag-module__hop-Tag__avatar___UuAeT {
2124
2124
  flex: 0 0 auto;
2125
2125
  order: 1;
2126
2126
  margin-inline-start: var(--avatar-margin-inline-start);
2127
2127
  }
2128
- .Tag-module__hop-Tag__icon___ewSNE,
2129
- .Tag-module__hop-Tag__icon-list___-PpIn {
2128
+ .Tag-module__hop-Tag__icon___DKazH,
2129
+ .Tag-module__hop-Tag__icon-list___O8SgH {
2130
2130
  flex: 0 0 auto;
2131
2131
  flex-wrap: nowrap;
2132
2132
  order: 2;
2133
2133
  margin-inline-start: var(--icon-margin-inline-start, 0);
2134
2134
  }
2135
- .Tag-module__hop-Tag__text___k7Otw {
2135
+ .Tag-module__hop-Tag__text___OPnEh {
2136
2136
  overflow: hidden;
2137
2137
  flex: 1 1 auto;
2138
2138
  order: 3;
@@ -2140,27 +2140,27 @@
2140
2140
  text-align: center;
2141
2141
  text-overflow: ellipsis;
2142
2142
  }
2143
- .Tag-module__hop-Tag__badge___jgjVw {
2143
+ .Tag-module__hop-Tag__badge___dseHK {
2144
2144
  flex: 0 0 auto;
2145
2145
  order: 4;
2146
2146
  margin-inline-end: var(--badge-margin-inline-end);
2147
2147
  }
2148
- .Tag-module__hop-Tag___FA-hF .Tag-module__hop-Tag__badge___jgjVw[data-variant=subdued] {
2148
+ .Tag-module__hop-Tag___wrsI2 .Tag-module__hop-Tag__badge___dseHK[data-variant=subdued] {
2149
2149
  margin-inline-start: var(--badge-secondary-margin-inline-start);
2150
2150
  color: inherit;
2151
2151
  background: none;
2152
2152
  }
2153
- .Tag-module__hop-Tag--sm___wdoiY .Tag-module__hop-Tag__badge___jgjVw {
2153
+ .Tag-module__hop-Tag--sm___EMjuF .Tag-module__hop-Tag__badge___dseHK {
2154
2154
  block-size: 100%;
2155
2155
  }
2156
- .Tag-module__hop-Tag__remove-btn___-nFZL,
2157
- .Tag-module__hop-Tag__Spinner___bjUFw {
2156
+ .Tag-module__hop-Tag__remove-btn___glszt,
2157
+ .Tag-module__hop-Tag__Spinner___uRNq3 {
2158
2158
  flex: 0 0 auto;
2159
2159
  order: 5;
2160
2160
  }
2161
- .Tag-module__hop-Tag__Spinner___bjUFw {
2161
+ .Tag-module__hop-Tag__Spinner___uRNq3 {
2162
2162
  margin-inline-end: var(--spinner-margin-inline-end);
2163
2163
  }
2164
- .Tag-module__hop-Tag__remove-btn___-nFZL {
2164
+ .Tag-module__hop-Tag__remove-btn___glszt {
2165
2165
  margin-inline: var(--clear-btn-margin-inline);
2166
2166
  }